Любой HTML-документ начинается с тега DOCTYPE, который является сокращением от слов document type и переводится как тип документа. Так как браузер способен отображать документы различных типов, то для более корректного отображения важно явно указать ему используемую при разработке документа версию языка. В противном случае браузер сам будет пытаться определить формат документа. Содержимое тега DOCTYPE состоит из двух частей: DTD (Document Type Definition – описание типа документа) и URL Существует несколько вариантов описания типа html-документа.
1. Строгий (Strict): не должен содержать устаревших и не одобряемых (deprecated) элементов.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2. Переходный (Transitional): может содержать устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3. Фреймовый (Frameset): аналогичен переходному, но может еще содержать теги для создания фреймов.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Если в DOCTYPE указан DTD и URL его описания, то есть имеется полностью сформированное объявление DOCTYPE, то вывод документа осуществляется в стандартном режиме. Если URL не указан (не полностью сформированное объявление DOCTYPE) или нет всего тега DOCTYPE, то веб-страница выводится в нестандартном режиме.
Стандартный режим – полное соответствие объявленной спецификации (формату).
Нестандартный режим – обеспечение совместимости с устаревшими браузерами.
Используйте на каждой HTML-странице полностью сформированное объявление DOCTYPE и применяйте строгую схему DTD |
Неправильное объявление типа документа приведет к тому, что страница выведется браузером в нестандартном режиме и будет вести себя непредсказуемо!
Выбор режима вывода документа на основе объявления DOCTYPE называется "переключением типа документа".
Весь HTML-документ логически делится на две части: заголовочную и основную. Заголовочная часть заключается в теги <HEAD> </HEAD>. Основная – в контейнер <BODY> </BODY>. Весь документ – в контейнер <HTML> </HTML>.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
------------
------------
</HEAD>
<BODY>
------------
------------
</BODY>
</HTML>
У тега <BODY> есть несколько параметров, влияющих на оформление внешнего вида всего документа.
Устаревший атрибут тега <BODY> |
Значение атрибута |
Аналогичное свойство из таблицы стилей |
Комментарии |
TEXT |
название или номер цвета |
color |
определяет цвет текста на всей странице |
LEFTMARGIN |
число |
margin |
поля слева и справа |
TOPMARGIN |
число |
margin |
поля сверху и снизу |
BGCOLOR |
название или номер цвета |
background-color |
цвет фона |
BACKGROUND |
имя файла-картинки |
background-image |
фоновый рисунок |
BGPROPERTIES |
FIXED |
background-attachment |
фон не перемещается |
О том, как задавать цвет фона или текста и фоновый рисунок, будет сказано дальше.
Существует ряд тегов, которые могут располагаться только в заголовочной части. Одним из них является тег – контейнер <TITLE>, в который заключается предложение, помещаемое браузером в заголовок HTML-документа или в папку избранное по желанию посетителя.
<HEAD> <TITLE> Домашняя страница Дикова А. В. </TITLE> </HEAD>
Все остальные рассматриваемые здесь теги будут размещаться в основной части.
В отличие от тега TITLE, который дает информацию обо всем документе и может появиться в документе только один раз, атрибут title может содержаться в любом количестве элементов. Этот атрибут предоставляет информацию об элементе, в котором он содержится. Браузеры отображают title как "подсказку" (краткое сообщение), появляющееся при наведении указательного устройства на объект. Это, например, удобно использовать при наличии аббревиатур в тексте
<ABBR title=”Карманный_Персональный_Компьютер”> КПК </ABBR>