Структура HTML-документа

Дата: 06.10.2008
Рубрики: HTML, Начинающим |

Структура HTML документа.

Как уже было сказано ранее, язык HTML представляет собой набор специальных правил. Каждому правилу соответствует свое название, свойство и значение. Например, чтобы задать правило жирного начертания обыкновенного текста, необходимо использовать следующую HTML-конструкцию:

<В>Обыкновенный текст</В>

Как видно из примера, текст, который должен отображаться жирным начертанием, обособлен группами символов <в> и </в>. Такие группы принято называть тегами. Сразу следует сказать, что теги бывают одинарными и парными. В случае с нашим примером тег </в> является парным, т. к. он закрывает HTML-конструкцию вместе с символом “/” (прямой слэш).

Иногда теги, которые необходимо закрывать парным тегом, называют тегами-контейнерами.Структура любого тега подразумевает указание самого тега, его параметра и значения этого параметра. При этом наименование параметра и его значения может писаться как строчными, так и прописными буквами. Значение параметра ставится в кавычки.

Кроме того, параметры и их значения могут либо вообще отсутствовать у какого-то определенного тега, либо считаться необязательными и устанавливаемыми только в случае изменения стандартных характеристик тега:

<TABLE WIDTH=”100%” BORDER>

В приведенном примере для тега построения таблицы <TABLE> один параметр (WIDTH) указан со значением, другой (BORDER) такового не содержит.Некоторые теги могут указываться вообще безо всяких параметров (например, принудительный перенос строки <BR>). Другие теги могут включать несколько значений одного параметра (”INDEX, FOLLOW” для мета-определения “robots”).Любой HTML-документ содержит три основных обязательных раздела: HTML, HEAD и BODY. Рассмотрим подробнее каждый из них.

Раздел HTML

Раздел HTML определяет специфику документа, содержание которого будет интерпретироваться браузером. Раздел описывается тегом-контейнером <HTMLX/HTML> и дает браузеру информацию о том, что документ разработан с помощью языка разметки HTML. В предыдущих версиях языка тег <HTML> использовался с некоторыми параметрами, однако спецификация 4.0 отменила это правило (в принципе, сегодня большинство браузеров способно распознать HTML-документ и без указания данного тега, тем не менее, пропускать раздел HTML разработчикам не рекомендуется).

Раздел HEAD

Раздел HEAD выполняет функцию рабочего заголовка HTML-документа и является, по сути, “бойцом невидимого фронта” - - теги, указываемые внутри этого раздела, чрезвычайно важны и могут сильно влиять на внешний вид документа, но сами остаются незаметными глазу пользователя. Данному разделу сопоставлен парный тег <HEADX/HEAD>. Рассмотрим теги HTML, которые указываются внутри раздела HEAD.

Название документа <TITLE>

Парный тег <TITLEX/TITLE> предназначен для указания имени созданному электронному документу. Следует помнить, что под именем документа в данном случае имеется в виду не файловое наименование, а визуальный заголовок HTML-страницы. Указаниеконструкции <TITLEX/TITLE> не является обязательным, однако рекомендуется по ряду причин:отсутствие тега названия документа заставит браузер при интерпретации HTML-кода вывести в заголовке окна фразу типа Untitled Document

(Документ без названия), что не соответствует ни тематике вашего электронного документа, ни его наполнению; при попытке добавить созданный вами HTML-документ (без тега-контейнера <TITLEX/TITLE>) в “закладки” браузера пользователю придется самостоятельно вписывать название добавляемой страницы;

Поисковые системы, столкнувшись с безымянной страницей, занесут ее в свои базы данных под заголовком Untitled, что сделает HTML-документ безликим и похожим намиллионы других электронных документов, размещенных в Интернете.


Теги: , , , ,

  • display
  • Введение в JavaScript
  • white-space
  • bottom
  • table-layout
  • background-position
  • font-style
  • Комментарии

    Комментарии (3) на запись “Структура HTML-документа”

    1. Bolzamo 22.10.2008 06:07

      Да, об этом я уже писал, пару лет назад. Может, в моем изложении, кому-то будет более понятно… Вот:

    2. Bolzamo 22.10.2008 21:52

      Встает резонный вопрос об адекватности автора: что это было? Почему текст моего комментария изменен?
      Ни разу не задумывались о вопросах этики?

    3. admin 24.10.2008 08:10

      да потому что по вашей ссылке, которую вы оставили нет того что ожидали пользователи увидеть. Т.е. вы занимаетесь рассылкой спама!

    Оставить комментарий



    *
    To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
    Click to hear an audio file of the anti-spam word