HTML: некоторые хитрости и правила
Как убрать отступы на веб-странице
Internet Explorer и Netscape имеют разные атрибуты тега body для указания значения отступов. У Internet Explorer в теге BODY следует указывать leftmargin для отступов по горизонтали и topmargin для вертикальных отступов, а в Netscape те же функции выполняют параметры marginwidth и marginheight. Объединяя эти атрибуты, получим код,который будет работать во всех броузерах одинаково.<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
Отступы в форме
При размещении формы в ячейке таблицы, вокруг нее автоматически, сверху и снизу добавляются поля. Чтобы их убрать, необходимо сделайть наоборот, - поместить таблицу внутри формы.<form> <table> <tr><td> <input type="text" size=10> </td></tr> </table> </form>
Маркеры
Если перед текстом требуется поставить маркер, это можно сделать с помощью тега LI. Для изменения вида маркера добавьте параметр, который может принимать одно из трех значений: disk (круг), circle (окружность), square (квадрат). Netscape, независимо от параметров показывает всегда точку.Большие таблицы
Если на вашем сайте размещена длинная таблица, то страница не будет показываться, пока таблица не загрузится полностью. Разбейте ее на несколько фрагментов для создания впечатления быстрой загрузки страницы.Маленькие картинки
Если ваша страница содержит n рисунков, каждый из которых занимает X байт, она будет загружаться дольше, чем при использовании одного рисунка размером n*X байт.Фиксированная ширина таблиц
Если вы делаете дизайн для разрешения монитора 800х600, используйте таблицы (или рисунки) шириной меньше, чем 770 пикселов. Этот запас необходим для размещения правой полосы прокрутки.Ячейки таблицы в Netscape
Netscape не будет показывать содержимое ячейки таблицы и ее фон,если ячейка пуста.Всплывающая подсказка для ссылки
Для создания всплывающей подсказки у текстовой ссылки, используйте параметр title тега A.Защита от копирования
Если в тег BODY добавить параметр onSelectStart="return false", то Internet Explorer запретит выделять текст и графику в окне броузера. Если в тег BODY добавить параметр onCopy="return false", то Internet Explorer запретит копировать выделение в буфер обмена.Красная строка
Отступ в начале красной строки можно задать с помощью нескольких неразделяемых пробелов .Ячейка таблицы с полосой прокрутки
Если внутри ячейки использовать тэг <TEXTAREA>, то можно получить полосу прокрутки для текста, который не вмещается в необходимые размеры ячейки.<TABLE> <TR><TD> <TEXTAREA cols=20 rows=3 readonly style="border:0px;"> Очень-очень длинный текст</TEXTAREA> </TD></TR></TABLE>
Ссылка на адрес электронной почты
При создании ссылки на адрес электронной почты можно использовать следующие варианты:ссылка на e-mail mailto:my@email.com указание темы сообщения mailto:my@email.com?Subject=Hello копия сообщения отправляется еще на один адрес (вид копии Cc (открытая копия) или Bcc (скрытая копия)) mailto:my@email.com?Subject=Hello&Cc=my_other@email.com; mailto:my@email.com?Subject=Hello&Cc=other@email.com& Bcc=other@domain.com несколько адресов электронной почты mailto:your@email.com?Subject=Hello& Cc=other@email.com,other@domain.comЕсли в описании темы нужно указать слова, разделенные пробелом, то в HTML-коде между словами нужно указать код - %20.
Картинка в качестве фона таблицы
При использовании тэга <table background=img.gif> IE отображает фоновый рисунок, начиная от начала таблицы, а NN - с начала каждой ячейки. Обойти это можно, вложив нужную Вам таблицу в другую, состоящую из одной ячейки:<table cellspacing=0 cellpadding=0 border=0 background="img.gif"> <tr><td align="center"> <table border=0 width="100%"> <tr><td align="left"> <!--Some stuff--> </td><td align="right"> <!--Some stuff--> </td></tr> </table> </td></tr> </table>
Версия для печати
Полная версия