СТРУКТУРА HTML-документа

Любой 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, то веб-страница выводится в нестандартном режиме.

Стандартный режим – полное соответствие объявленной спецификации (формату).

Нестандартный режим – обеспечение совместимости с устаревшими браузерами.

Рисунок147.png

Используйте на каждой HTML-странице полностью сформированное объявление DOCTYPE и применяйте строгую схему DTD

Рисунок148.png

Неправильное объявление типа документа приведет к тому, что страница выведется браузером в нестандартном режиме и будет вести себя непредсказуемо!

Выбор режима вывода документа на основе объявления 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>