Типовые ошибки HTML
Оговорки. Я не пытаюсь в данной статье раскрывать смысл использования каких-либо тегов и (или) комментировать спецификации HTML 3.2 - 4.0. Статья строится по принципу: ошибочный (не совместимый) код - комментарий к коду. Неточности кода и его несовместимость рассмотрны применительно к современным броузерам: NN4.05 и IE 4.01 Типовые ошибки при создании страниц. Часть 1. Я достаточно долго размышлял над вопросом построения
этого раздела. Уж больно объемный материал. В итоге, Вам, уважаемый
читатель, предлогается вместе со мною препарировать серию страниц
"неизвестного Автора". Код страницы: <html> <head> <meta http-equiv="Content-Type" content="text/html;
charset=KOI8"> </head> <body <divalign=center><center> <p>Это моя фотка в возросте 15 лет. <p>Мои линки. </center></div> Ошибки в атрибутах тега
<body>(Возвратиться к
коду) Не совместимые атрибуты.(Возвратиться к коду) Не совместимый код:
bgproperties="fixed" topmargin="1" leftmargin="1" Избыточное форматирование.(Возвратиться к коду) Особенность HTML редактора Front Page. Достаточно использовать один из тегов, либо <div align="center"> либо абсолютно идентичный ему <center> Избыточное форматирование в теге<p> (Возвратиться к коду) Данном случае текст уже отцентрирован
и нет необходимости добавлять атрибуты с этой целью. Имеет смысл только
использование Align="left(right)". Использование Font Face.(Возвратиться к коду) Использование нестандартных шрифтов
на страницах приведет к тому, что страница будет или неудобочитаема, или
не читаема вовсе. Для совместимости с броузерами с других платформ
необходимо использовать вот такую конструкцию: Избыточное форматирование стиля шрифта.(Возвратиться к коду) Конструкция <big><big> избыточна. Предпочтительно использовать для выделения заголовков <H2></H2>, или комбинацию <base font="2" > - сразу за <body> и относительный размер шрифта <font size="+3">. Квотирование в тексте контента.(Возвратиться к коду) Использование кавычек в таком виде ("") в контенте не допустимо. Необходимо указывать &qwote; Привет Пиплы! &qwote;. Нарушение порядка закрывания тегов.(Возвратиться к коду) Теги должны закрываться с учетом
порядка их вложения. Правильная
конструкция Отсутствие атрибутов в теге<image> (Возвратиться к коду) Для описания картинок на странице
необходимо использовать следующие атрибуты: alt="" Правильный код описания картинки выглядит вот
так: Незакрытый анкер, и атрибуты анкера.(Возвратиться к коду) Анкер подлежит обязательному
закрытию. Хороший стиль программирования подразумевает следующее
построение: Примечание. Форматирование списков.(Возвратиться
к коду) При форматировании списков необходимо закрывать тег <li>, форматирование текста в каждой строке списка имеет смысл только в случае выделения строк. Правильный код. <ul><font color=""
size=""> Препарирование закончено.
Поделитесь этой записью или добавьте в закладки |
Полезные публикации |
Главная