- Используй DOCTYPE (прописывается первой строчкой в
любом документе). Это необходимо, чтобы : браузер понял с каким типом документов он имеет дело;
валидатор смог протестировать страницу. Пример DOCTYPE-декларации
для XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Давайте расшифруем сие загадочное заклинание:
данный тип документа - html-документ, соответствующий
общедоступному (PUBLIC) типу документа (DTD).
Документ был создан и помещен на W3C, и
расположен по адресу, который находится во второй строке декларации.
Transitional - это команда валидатору, быть
снисходительным к атрибутам внешнего вида, лучше использовать именно это
DTD на английском языке,
но существуют также: Strict
(строгое соответствие, применяется вместе с CSS,
для максимально возможного отделения структуры от внешнего вида)
Frameset (для фреймов, документы расположенные внутри
frameset могут быть написаны как для strict,
так и tranditional DTD). -
Используй тег META. Задавай язык и кодировку
документа (см. предыдущую лекцию).
- Каждая страница должна иметь элемент
<title></title>
(содержимое тэга отображается в строке заголовка браузера), причем в нем должно
отображаться заглавие именно этой страницы, а не документа в целом.
- Для разметки документа используй те элементы, которые описывают структуру
документа, а не его внешний вид. Например, для отступа нужно использовать
элемент <margin> или
<padding>, но ни как не элемент <blockquote>,
который предназначен для выделения цитат. Используй элементы
по назначению.
- Избегай большого количества пробелов и вводов: при грамотной разметки
документа не должно возникнуть необходимости более чем в одном пробеле или
вводе.
- Используй по необходимости комментарии
<! -текст комментарий ->.
- Безопасных цветов не существует. Связано это с тем, что
ограничение в цветопередачи зависит только от принимающего устройства
(например, монитора). Поэтому можно использовать абсолютно любые цвета.
- Избегай пользоваться теми элементами, значение которых
можно заменить атрибутами. Пример: вместо элемента <center>
предпочтительнее использовать <align="center">,
и т.д. И вообще, избегай использовать устаревшие элементы.
- Для работы над внешним видом документа используй
CSS, а с помощью HTML
осуществляй только разметку.
- Ограничь использование табличной верстки HTML.
Используй верстку на основе CSS.
- Использование фреймов - признак дурного тона. Забудь о их
существовании.
- Тестируй сайт в трех браузерах: Mozilla, IE, Opera
причем для тестирования не используй последние версии браузеров.
Лекция4 Содержание
|
