|
Title> HTML -
полезные советы </Title>
<P> Предисловие
</P>
Каждому из нас приходилось
использовать небольшие хитрости HTML,
чтобы добиться желаемого результата.
Ниже приведены некоторые советы, с
которыми дизайн вашего сайта станет
лучше. Вообще-то говоря, полный курс
теоретических советов вы можете увидеть
в разделе "Советы".
Здесь же собраны практические, частные
случаи, которые могут вам пригодиться
при создании сайта или отдельной
страницы.
<P> Все по
порядку </P>
- Не используйте очень большие
таблицы на страничке. Если есть
возможность, поделите таблицу на
несколько более мелких таблиц или
вообще откажитесь от них. Это связано
с тем, что содержимое таблицы не
выводится на экран до тех пор, пока вся
таблица не скачана. И у пользователя
создается иллюзия медленной загрузки
этой страницы, что нежелательно.
- Так можно автоматически
перенаправить посетителя на другую
страницу:
<Html>
<Head>
<Title>Мы переехали!</title>
<Meta Http-equiv="Refresh" Content="5;URL=http://kimsite.narod.ru/">
</Head>
<Body BgColor="#ffffff">
<H1 Align="Center">Мы переехали на
новое место:</H1>
<Hr Width="250">
<H2 Align="Center">Подождите 5
секунд или воспользуйтесь ссылкой:
<A Href="http://kimsite.narod.ru">http://kimsite.narod.ru</A></H2>
</Body>
</Html>
- Если вы используете параметры
отступа текста от рабочего края
броузера, учтите, что для NN и IE они
разные:
1) Для Netscape Navigator: "marginwidth"
и "marginheight"
2) Для Internet Explorer: "topmargin"
и "leftmargin"
Единственный способ корректного
распознавания в обоих броузерах
разместите все параметры:
<Body Topmargin="0" Leftmargin="0"
Marginwidth="0" Marginheight="0">
- Строка DOCTYPE (DTD), расположенная в
первой строке HTML документа, описывает
стандарт HTML, который используется в
этом документе. Два наиболее
используемых DTD:
1) HTML 3.2: <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 3.2 Final//EN">
2) HTML 2.0: <!DOCTYPE HTML PUBLIC
"-//IETF//DTD HTML//EN">
- Чтобы заменить кнопку в форме на
изображение используйте:
<Input Type="image" Src="picture.gif" Width="25"
Height="15" Border="0" Alt="submit">
- Если при размещении странички на
сайте не видно картинок, а в
локальной версии всё было в порядке,
то проверьте следующее:
1. Адреса картинок не
относительные, а абсолютные (типа file:///....).
2. Могут стоять неправильные
слэши: не "/", а "\". В URL, как
правило, применяются прямые слэши
"/".
3. FTP может класть на сервер
файлики с именами, написанными
заглавными буквами - PICTURE.GIF,
- в то время как в тексте будет
прописано picture.gif или Picture.gif - для ОС
типа UNIX это не одно и тоже.
- Если Вы делаете карту ссылок из
одного изображения, разбитого на
несколько частей, учтите, что язык HTML
символ перевода каретки (конец строки)
воспринимает как пробел. Поэтому все
тэги, которые у Вас формируют Вашу
карту ссылок, нужно писать в одну
строчку, иначе между картинками будут
промежутки!
- Чтобы убрать границы шириной 2-3
пискела между фреймами, добавьте в
тэге:
<Frameset> строчку Border="0"
FrameBorder="0".
- При использовании тэга:
<Table BackGround="picture.gif">
IE отображает фоновый рисунок, начиная
от начала таблицы, а NN - с начала каждой
ячейки. Обойти это неудобство можно,
вложив таблицу в другую:
<Table Cellspacing="0" Cellpadding=0 Border="0"
BackGround="picture.gif">
<Tr><Td Align="Center">
<Table Cellspacing="0" Cellpadding="4"
Border="0" Width="100%" BackGround="">
<Tr><Td Align="Left">
Информация в ячейки
</Td><Td Align="Right">
Информация в ячейки
</Td></Tr>
</Table>
</Td></Tr>
</Table>
Обратите внимание на BackGround=""
и на то, что в тэгах таблиц не задан
атрибут BgColor.
- Для того, чтобы "собрать" один
HTML-документ из нескольких кусков,
нужно использовать команды SSI (Server-Side
Includes):
<!--#include file="ssi/menu.html" -->
путь к файлу указывается от
текущего файла (файла, в котором
расположена команда).
<!--#include virtual="/ssi/menu.html" -->
путь к файлу указывается от
корня сервера.
Таким образом, например, можно задать
меню, одинаковое для всех страниц
сервера, и хранить его в отдельном
файле. Тогда его изменение отразится
на всем сервере и не потребует
кропотливой работы по правке всех HTML-страниц
Вашего сервера.
- Как избавиться от противной синей
рамки по периметру рисунка, который
является ссылкой?
<A Href="link.html"><Img Src="picture.gif"
Border="0"></A>
- У адреса mailto:, применяемого
для отправки писем, можно задать и
другие опции, крома самого адреса.
Например, адрес вида:
<A
Href='mailto:name@domain.ru?subject="Заголовок
письма"&Body="This body of e-mail">Text</A>
|
|
