Элементы HTML - основные компоненты языка разметки HTML. HTML-документ состоит из главного элемента html, к содержанию которого добавляются другие элементы.
Каждый элемент имеет свое уникальное название, которое записывается латинскими буквами и не чувствительна к их регистру. В общем виде элемент имеет три составляющие: теги (начальный и конечный), атрибуты и содержание (контент). Тег - это название элемента, записанный в угловых скобках ( ). Атрибуты задают техническую информацию об элементе. Содержание элемента - это вся необходимая текстовая и графическая информация документа, которая будет воспроизводиться браузером на экране.
Многие считают, что элементы - это и есть тэги (например, тег p ). Однако стоит помнить, что элемент - это в основном две составляющие (теги и содержание), а тег - это составляющая элемента. Например, элемент head всегда представлен в документе, даже если оба тега, head и / head , отсутствуют в разметке.
Обзор
Спецификация HTML 4.01 описывает 91 элемент, каждый из которых имеет не менее 16 атрибутов. Эти атрибуты являются общими для всех элементов, все они не обязательны. Каждый элемент входит минимум к одному из трех определений типа документа (DTD). В каждом DTD установлены синтаксические правила записи элемента: указываются теги элемента, полный список атрибутов и наставления относительно значений атрибутов, и модель содержания элемента. Некоторые элементы имеют статус не рекомендованных, для применения в разметке. Это объясняется тем, что в дальнейшем развитии языка HTML, их планируют убрать с разметки.
Синтаксис
Начальный тег элемента имеет вид element-name , а конечный тег имеет вид / element-name . Атрибуты элемента записываются в начальном теге сразу после названия элемента. Содержание элемента записывается между его двумя тегами. Например, element-name element-attribute= attribute-value содержание элемента / element-name
Некоторые элементы, например p и li, могут не иметь конечного тега. Несколько из них, например head и body , также могут не иметь и начального тега. Некоторые элементы, например br, не имеют смысла, поэтому и не имеют конечного тега.
Некоторые элементы имеют обязательные атрибуты, без наличия которых они не смогут выполнять свои функции (например, атрибут href).
Модели содержания элементов
Модель содержания элемента - это перечень типов данных, которые может принимать содержание элемента, а также перечень других элементов HTML, которые могут входить в содержание элемента. Например, в строгом DTD для элемента dl отмечено, что в его содержание могут входить только элементы dt или dd. А элемент option может содержать только текст и мнемоники.
DTD HTML отмечает две основные модели содержания: inline (инлайн) и block (блок). Элементы с моделью содержания inline называются и нлайн-элементы, аналогично есть и блок-элементы.
Инлайн-элементы могут содержать только данные (текст, цифры, символы-мнемоники) и другие инлайн-элементы. Блок-элементы могут содержать инлайн-элементы и другие блок-элементы. Это структурное отличие состоит в том, что блок-элементы создают более широкие структуры. Кроме того, по умолчанию, блок-элементы воспроизводятся браузерами не так как инлайн-элементы. В основном блок-элементы начинаются с новой строки, в то время как инлайн-элементы не переносятся на новую строку.
Базовые элементы HTML
Документ HTML имеет четкую структуру. Сначала в документе должна быть указана декларация типа документа (! doctype), в котором указывается DTD. Сразу после нее начинается главный элемент документа - html. Модель содержания для этого элемента определена как head, body , это означает, что к содержанию элемента html сначала может входить исключительно элемент head, а за ним элемент body. Элемент head очерчивает пределы так называемой шапки документа, где записывается техническая информация о документе, а элемент body несет в себе тело документа - все его полезное содержание.
Шапка документа (head)
Элемент head содержит в себе техническую информацию о документе, такую ??как название, ключевые слова (для ботов) и другие метаданные. Браузеры не воспроизводят содержание элемента на экране, однако могут предоставить пользователям информацию из элемента с помощью других механизмов.
Атрибуты:
- lang - язык;
- dir - направление текста;
- profile - определяет расположение одного или нескольких профилей метаданных.
Модель содержания: к содержанию элемента входят элементы title и base, однако base может отсутствовать. Также могут присутствовать элементы script, style, object, link и meta.
Название документа (title)
В каждом документе HTML, в элементе head, обязательно должен быть (один на документ) элемент title, поскольку он является названием документа и применяется для определения его общего содержания. Также документам рекомендуется давать максимально развернутые названия, которые наиболее широко покрывают содержание документа. Например, вместо того, чтобы называть документ просто Общая структура , нужно его назвать Общая структура документа HTML . Хотя элемент title и находится в пределах элемента head, его содержание всегда воспроизводится браузерами. В ОС Windows текст названия воспроизводится в верхнем левом углу окна браузера.
Теги: начальный ( title ) и конечный ( / егtitle ) тэги всегда должны присутствовать в разметке. Атрибуты:
- lang - язык;
- dir - направление текста.
Модель содержания: к содержанию элемента title может входить только текст и символьные мнемоники.
Метаданные документа (meta)
Тело документа (body)
В теле документа находится его полезное содержание. Это содержание может воспроизводиться браузерами различными путями. Например, в аспекте аудио браузеров тело документа представляет собой речь, для текстовых браузеров вся информация предстает в виде сплошного текста, а для графических браузеров тело документа можно представить как полотно, на котором появляется все содержание документа: текст, изображения, цвета, графика и прочее.
Теги: может не иметь начального и конечного тега.
Атрибуты:
- onload - содержит в себе скрипт, который выполняется, как только документ загрузился;
- onunload - содержит в себе скрипт, который выполняется, как только документ выгрузился;
- и еще 16 общих атрибутов.
Модель содержания: к элементу body в количестве входят блок-элементы или элемент script, а также могут появляться элементы ins или del.
Типы элементов HTML
По своему назначению и действием элементы HTML можно разделить на три большие категории: структурные, презентационные и элементы для интерактивного взаимодействия с пользователем.
Структурные
Элементы структурной разметки применяются для описания семантики текста и задания структуры документа. В свою очередь, в зависимости от содержания документа, структурные элементы делятся на: текст, списки, таблицы, гиперссылки и дополнительные объекты (к которым относятся изображения и апплеты).
Они не отмечают никакого специального (визуального) воспроизведение текста, однако большинство браузеров имеют стандартные стили форматирования для каждого элемента. Для дальнейшего стилизирования текста рекомендуется использовать каскадные таблицы стилей (CSS).
Презентационные
Элементы презентационной (визуальной) разметки применяются для описания внешнего вида документа и не указывают при этом функций текста, к которому они применяются. Последняя действующая спецификация HTML 4.01, определяет большинство из этих элементов такими, что не рекомендуется применять в разметке.
В зависимости от своего содержания, элементы презентационной разметки разделяют на: элементы придания каскадных таблиц, стилей, визуальные элементы текста (шрифты, цвета, насыщенность и наклон шрифта, линии и другие) и фреймы.
Интерактивное взаимодействие
Элементы интерактивного взаимодействия позволяют пользователям влиять на содержание или вид документа. Они подразделяются на два вида: формы для ввода данных пользователями и скрипты для активных документов.
