Структура HTML документов
Все html-документы создаются в определенной структуре, которая необходима для правильного отражения информации, содержащейся на веб-страницах.
Структура задается тегами, формирующими контейнеры информации – так называется содержимое между открывающим и закрывающим тегом. Например, тег P открывает абзац, затем идет текст и завершается контейнер закрывающим тегом /P. Большинство тегов являются закрывающимися, но вот, например, тег IMG (картинка на странице) закрывающего не требует.
Главный тег в HTML – это закрывающийся тег документа html, который обязательно проставляется в начале и конце каждого Интернет-документа. Регистр написания тегов не имеет значения, и одинаково будут работать, например, тег HTML и html, что очень удобно при верстке веб-страниц.
После тега HTML следует закрывающийся контейнер HEAD, в котором задается важная информация о странице, но в большинстве не выводящаяся на экране при просмотре. Между тегами HEAD располагаются контейнеры, которые имеют важное значение как при верстке сайтов, так и при СЕО-оптимизации. Мы уже писали о мета-тегах, использующихся главным образом при SEO, поэтому здесь рассмотрим их лишь поверхностно.
Итак, первым идет обязательный тег title – он находится первым в блоке head и содержит текстовое содержание заголовка веб-страницы. Заголовок указывает на содержимое текста. Далее следуют контейнеры meta – информация для поисковиков, служебная информация. Добавление таблицы стилей возможно выполнять при помощи тега style, который требует закрывающего тега: /style. Код CSS добавляется непосредственно на страницу и форматирует документ в соответствии с пожеланиями разработчика. Тег script дает возможность добавления включаемых сценариев, выполненных, например, по технологии Javascript. Конечно, скрипт может размещаться и между тегами в основной части документа, однако при нахождении между тегами HEAD и HEAD он быстрее включается в работу, что повышает скорость действия скриптов.
Базовый адрес для всех страниц веб-сайта задается тегом BASE. Он требуется для работы относительных ссылок в Интернет-документах.
Также можно добавить на страницу фоновый звук путем размещения тега bgsound. И есть еще другие необязательные теги, которые сделают работу с сайтом более интересной и пользователи на себе смогут ощутить при этом положительный результат в виде повышения удобства просмотра. После указанных в head тегов обязательно проставляется тег BODY, он будет содержать основной текст и различные элементы, которые смогут просматривать пользователи.
Для показа текстовых абзацев служит тег P, форматирование заголовков различного уровня выполняется при помощи тегов H1, H2, H3 и т.д. Кроме текста, на веб-страницах могут присутствовать видео-, звуковые файлы, таблицы и многое другое.