<<P> Предисловие
</P>
--------------------------------------------------------------------------------
Каждому из нас приходилось использовать небольшие хитрости HTML,
чтобы добиться желаемого результата. Ниже приведены некоторые
советы, с которыми дизайн вашего сайта станет лучше. Вообще-то
говоря, полный курс теоретических советов вы можете увидеть в
разделе "Советы". Здесь же собраны практические, частные случаи,
которые могут вам пригодиться при создании сайта или отдельной
страницы.
<P> Все по
порядку </P>
--------------------------------------------------------------------------------
Не используйте
очень большие таблицы на страничке. Если есть возможность, поделите
таблицу на несколько более мелких таблиц или вообще откажитесь от
них. Это связано с тем, что содержимое таблицы не выводится на экран
до тех пор, пока вся таблица не скачана. И у пользователя создается
иллюзия медленной загрузки этой страницы, что нежелательно.
Так можно автоматически перенаправить посетителя на другую страницу:
<Html>
<Head>
<Title>Мы переехали!</title>
<Meta Http-equiv="Refresh" Content="5;URL=">
</Head>
<Body BgColor="#ffffff">
<H1 Align="Center">Мы переехали на новое место:</H1>
<Hr Width="250">
<H2 Align="Center">Подождите 5 секунд или воспользуйтесь ссылкой:
<A Href="">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>
Статьи
