HTML-элемент

Элемент HTML — это тип компонента документа HTML (язык гипертекстовой разметки), один из нескольких типов узлов HTML (есть также текстовые узлы, узлы комментариев и другие). ^{[ нечеткий ]} Первая использованная версия HTML была написана Тимом Бернерсом-Ли в 1993 году, и с тех пор появилось множество версий HTML. Текущий стандарт де-факто регулируется отраслевой группой WHATWG и известен как «Живой стандарт HTML».

Документ HTML состоит из дерева простых узлов HTML , таких как текстовые узлы, и элементов HTML, которые добавляют семантику и форматирование к частям документа (например, делают текст жирным, организуют его в абзацы, списки и таблицы или встраивают гиперссылки). и изображения). Для каждого элемента могут быть указаны атрибуты HTML . Элементы также могут иметь контент, включая другие элементы и текст.

Концепции

Элементы против тегов

Как обычно понимается, позиция элемента указывается как простирающаяся от начального тега и завершается конечным тегом. ^{[ 1 ]} Это относится ко многим, но не ко всем элементам HTML-документа. Это различие явно подчеркнуто в спецификации HTML 4.01 :

Элементы не являются тегами. Некоторые люди называют элементы тегами (например, «тег P»). Помните, что элемент — это одно, а тег (будь то начальный или конечный тег) — другое. Например, элемент HEAD присутствует всегда, хотя в разметке могут отсутствовать как начальный, так и конечный теги HEAD. ^{[ 1 ]}

Аналогичным образом, в Рекомендации W3C HTML 5.1 2nd Edition прямо говорится:

Теги используются для разграничения начала и конца элементов в разметке. (...) Начальные и конечные теги некоторых обычных элементов могут быть опущены, (...)
Содержимое элемента должно быть размещено между сразу после начального тега (который в некоторых случаях может подразумеваться ) и непосредственно перед конечным тегом (который, опять же, может подразумеваться ). в некоторых случаях
— HTML 5.1, 2-е издание, § 8.1.2. Элементы § Теги

и:

Некоторые теги могут быть опущены .
ПРИМЕЧАНИЕ:
Отсутствие начального тега элемента (...) не означает, что элемент отсутствует; это подразумевается, но оно все еще существует. Например, HTML-документ всегда имеет корень. <html> элемент, даже если строка <html> нигде в разметке не появляется.
— HTML 5.1, 2-е издание, § 8.1.2.4. Дополнительные теги

Поскольку HTML (до HTML5) основан на SGML , ^{[ 2 ]} его анализ также зависит от определения типа документа (DTD) , в частности от HTML DTD (например, HTML 4.01). ^{[ 3 ]}^{[ примечание 1 ]}). DTD определяет, какие типы элементов возможны (т. е. определяет набор типов элементов), а также допустимые комбинации, в которых они могут появляться в документе. Частью общего поведения SGML является то, что там, где возможна только одна допустимая структура (в соответствии с DTD), ее явное указание в любом документе обычно не требуется. В качестве простого примера, <p> тег, указывающий начало элемента абзаца, должен быть дополнен тегом </p> тег, указывающий на его конец. Но поскольку в DTD указано, что элементы абзаца не могут быть вложенными, фрагмент документа HTML <p>Para 1 <p>Para 2 <p>Para 3 таким образом, считается эквивалентным <p>Para 1 </p><p>Para 2 </p><p>Para 3. (Если один элемент абзаца не может содержать другой, любой открытый в данный момент абзац должен быть закрыт перед началом другого.) Поскольку этот вывод основан на сочетании DTD и отдельного документа, обычно невозможно вывести элементы только из тегов документа, но только с помощью синтаксического анализатора, поддерживающего SGML или HTML, со знанием DTD. HTML5 создает аналогичный результат, определяя, какие теги можно опустить. ^{[ 4 ]}

SGML против XML

SGML сложен, что ограничивает его широкое понимание и внедрение. XML был разработан как более простая альтернатива. Хотя оба могут использовать DTD для указания поддерживаемых элементов и их разрешенных комбинаций в качестве структуры документа, анализ XML проще. Связь между тегами и элементами всегда заключается в анализе реальных тегов, включенных в документ, без подразумеваемых замыканий, которые являются частью SGML. ^{[ примечание 2 ]}

HTML, используемый в текущей сети, скорее всего, будет рассматриваться либо как XML, будучи XHTML , либо как HTML5 ; в любом случае анализ тегов документа в элементы объектной модели документа (DOM) упрощается по сравнению с устаревшими системами HTML. После получения DOM элементов поведение на более высоких уровнях интерфейса (пример: рендеринг экрана) идентично или почти идентично. ^{[ примечание 3 ]}

`%block;` против коробки

Частью такого поведения представления CSS является понятие « блочной модели ». Это применяется к тем элементам, которые CSS считает «блочными» элементами, установленными через CSS. display: block; декларация.

HTML также имеет похожую концепцию, хотя и разную, и их очень часто путают. %block; и %inline; — это группы в HTML DTD, которые группируют элементы как «блочные» или «встроенные». ^{[ 6 ]} Это используется для определения их поведения вложенности: элементы уровня блока не могут быть помещены во встроенный контекст. ^{[ примечание 4 ]} Это поведение невозможно изменить; это исправлено в DTD. Блочные и встроенные элементы имеют соответствующие и разные варианты поведения CSS . по умолчанию ^{[ 6 ]} включая актуальность блочной модели для конкретных типов элементов.

Однако обратите внимание, что это поведение CSS может быть изменено (и часто так и происходит) по сравнению с поведением по умолчанию. Списки с <ul><li> ... являются %block; элементы и по умолчанию представлены как блочные элементы. Однако довольно часто их можно настроить с помощью CSS для отображения в виде встроенного списка. ^{[ 7 ]}

Обзор

Синтаксис

\overbrace {\overbrace {{\mathtt {\color {BrickRed}<\!p\ }}\color {Magenta}\underbrace {\mathtt {class}} _{\mathsf {\color {Black}{Attribute \atop name}}}{\mathtt {=''}}\!\underbrace {\mathtt {paragraph}} _{\mathsf {\color {White}{Attr} \atop \color {Black}Attribute\ value}}''{\mathtt {\color {BrickRed}>}}} ^{\mathsf {Start\ tag}}\overbrace {\mathtt {\color {Green}This\ is\ a\ paragraph.}} ^{\mathsf {Content}}\overbrace {\mathtt {\color {BrickRed}<\!/p\!>}} ^{\mathsf {End \atop tag}}} ^{\mathsf {Element}}

Части элемента HTML-контейнера

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

<p>In the HTML syntax, most elements are written ...</p>

Однако не для всех этих элементов требуется наличие конечного или даже начального тега. ^{[ 4 ]} Некоторые элементы, так называемые элементы void , не имеют закрывающего тега. Типичным примером является <br> (жесткий разрыв строки). Поведение элемента void предопределено, и он не может содержать никакого содержимого или других элементов. Например, адрес будет записан так:

<p>P. Sherman<br>42 Wallaby Way<br>Sydney</p>

При использовании XHTML необходимо открывать и закрывать все элементы, включая элементы void. Это можно сделать, поместив конечный тег сразу после начального тега, но это запрещено в HTML 5 и приведет к созданию двух элементов. Альтернативный способ указать, что это элемент void, совместимый как с XHTML, так и с HTML 5, — поместить / в конце тега (не путать с тегом / в начале закрывающего тега).

<p>P. Sherman<br />42 Wallaby Way<br />Sydney</p>

Атрибуты HTML указываются внутри начального тега. Например, <abbr> элемент, представляющий аббревиатуру , ожидает title атрибут внутри его открывающего тега. Это будет записано как:

<abbr title="abbreviation">abbr.</abbr>

Неофициально элементы HTML иногда называют «тегами» (пример синекдохи ), хотя многие предпочитают термин « тег» исключительно в отношении разметки, разграничивающей начало и конец элемента.

Имена элементов (и атрибутов) могут быть написаны в любой комбинации верхнего или нижнего регистра в HTML, но должны быть в нижнем регистре в XHTML. ^{[ 8 ]} Каноническая форма была прописной до HTML 4 и использовалась в спецификациях HTML, но в последние годы строчные буквы стали более распространенными.

Типы элемента

Существует три типа HTML- элементов: обычные элементы, необработанные текстовые элементы и пустые элементы.

Обычные элементы обычно имеют как начальный, так и конечный тег, хотя для некоторых элементов конечный тег или оба тега могут быть опущены. Он строится аналогичным образом:

тег открывающий ( <tag>) отмечает начало элемента, который может включать любое количество атрибутов HTML ;
некоторое количество контента , включая текст и другие элементы;
закрывающий тег , в котором имя элемента начинается с косой черты : </tag>.

Необработанные текстовые элементы (также известные как текстовые или только текстовые элементы) создаются с помощью:

( открывающий тег в виде <tag>) отметка начала элемента, который может включать любое количество атрибутов HTML;
некоторое количество текстового контента , но никаких элементов (все теги, кроме применимого закрывающего тега, будут интерпретироваться как контент);
конечный тег , в котором имя элемента начинается с косой черты: </tag>. В некоторых версиях HTML конечный тег не является обязательным для некоторых элементов. требуется конечный тег В XHTML .

Примером является <title> элемент, который не должен содержать других элементов (включая текстовую разметку), только простой текст.

Пустые элементы (также иногда называемые пустыми элементами, одиночными элементами или автономными элементами) имеют только начальный тег (в форме <tag>), который содержит любые атрибуты HTML. Они не могут содержать дочерних элементов, таких как текст или другие элементы. Для совместимости с XHTML спецификация HTML ^{[ который? ]} позволяет использовать необязательный пробел и косую черту ^{[ нужна ссылка ]} ( <tag /> допустимо). Косая черта необходима в XHTML и других XML- приложениях. Два общих элемента пустоты: <br /> (для жесткого разрыва строки , например, в стихотворении или адресе) и <hr /> (на тематическую паузу). Другие подобные элементы часто являются заполнителями, которые ссылаются на внешние файлы, такие как изображения ( <img />) элемент. Атрибуты, включенные в элемент, будут указывать на соответствующий внешний файл. Другой пример элемента void: <link />, для которого синтаксис следующий:

<link rel="stylesheet" href="fancy.css" type="text/css">

Этот <link /> Элемент указывает браузеру на таблицу стилей , которую следует использовать при представлении HTML-документа пользователю. В атрибутах синтаксиса HTML не обязательно заключать кавычки, если они состоят только из определенных символов: букв, цифр, дефиса-минус и точки. конечная косая черта С другой стороны, при использовании синтаксиса XML (XHTML) все атрибуты должны быть заключены в кавычки, а перед последней угловой скобкой требуется :

<link rel="stylesheet" href="fancy.css" type="text/css" />

Атрибуты

Атрибуты HTML определяют желаемое поведение или указывают дополнительные свойства элемента. Для большинства атрибутов требуется значение . В HTML значение можно не заключать в кавычки, если оно не содержит пробелов ( attribute=value), либо его можно заключить в одинарные или двойные кавычки ( attribute='value' или attribute="value"). В XML эти кавычки обязательны.

С другой стороны, логические атрибуты не требуют указания значения. Примером является checked для флажков:

<input type=checkbox checked>

Однако в синтаксисе XML (и, следовательно, XHTML ) требуется значение, и имя должно повторяться как значение:

<input type="checkbox" checked="checked" />

Стандарты элементов

Элементы HTML определены в серии свободно доступных открытых стандартов, выпущенных с 1995 года сначала IETF , а затем W3C .

Во время браузерных войн 1990-х годов разработчики пользовательских агентов (например, веб-браузеров ) часто разрабатывали свои собственные элементы, некоторые из которых были приняты в более поздних стандартах. Другие пользовательские агенты могут не распознавать нестандартные элементы и будут игнорироваться, что может привести к неправильному отображению страницы.

В 1998 году XML (упрощенная форма SGML) представил механизмы, позволяющие любому разрабатывать свои собственные элементы и включать их в документы XHTML для использования с пользовательскими агентами, поддерживающими XML. ^{[ 9 ]}

Впоследствии HTML 4.01 был переписан в XML -совместимой форме XHTML 1.0 ( расширяемый HTML ). Элементы в каждом из них идентичны, и в большинстве случаев действительные документы XHTML 1.0 будут действительными или почти действительными документами HTML 4.01. Эта статья в основном посвящена реальному HTML, если не указано иное; однако он остается применимым к XHTML. См . HTML для обсуждения незначительных различий между ними.

Статус элемента

Со времени появления первой версии HTML некоторые элементы устарели и считаются устаревшими в более поздних стандартах или вообще не отображаются, и в этом случае они недействительны (и будут признаны недействительными и, возможно, не отображаются при проверке пользовательских агентов). . ^{[ 10 ]}

В HTML 4.01 / XHTML 1.0 статус элементов осложняется существованием трёх типов DTD :

Transitional , которые содержат устаревшие элементы, но предназначены для обеспечения переходного периода, в течение которого авторы могут обновить свою практику;
Frameset — версии Transitional DTD, которые также позволяют авторам писать набора фреймов ; документы
Strict — современная (по состоянию на 1999 год) форма HTML.

Вместо этого HTML5 предоставляет список устаревших функций в дополнение к стандартизированному нормативному содержанию. Они разбиты на «устаревшие, но соответствующие», для которых существуют инструкции по реализации, и «несоответствующие», которые следует заменить. ^{[ 11 ]}

Первый стандарт ( HTML 2.0 ) содержал четыре устаревших элемента, один из которых был недействителен в HTML 3.2 . Все четыре недействительны в HTML 4.01 Transitional , в котором также объявлены устаревшими еще десять элементов. Все они, а также два других, недействительны в HTML 4.01 Strict . Хотя элементы фреймов все еще актуальны в том смысле, что они присутствуют в DTD Transitional и Frameset, нет планов сохранять их в будущих стандартах, поскольку их функции были в значительной степени заменены, и они весьма проблематичны для доступности пользователя.

(Строго говоря, самый последний XHTML стандарт , XHTML 1.1 (2001 г.), вообще не включает фреймы; он примерно эквивалентен XHTML 1.0 Strict , но также включает модуль разметки Ruby .) ^{[ 12 ]}

Распространенным источником путаницы является небрежное использование слова «устаревший» для обозначения как устаревшего, так и недействительного статуса, а также элементов, которые, как ожидается, будут официально признаны устаревшими в будущем.

Контент против представления и поведения

Начиная с HTML 4, HTML все больше фокусируется на отделении контента (видимого текста и изображений) от представления (например, цвета, размера шрифта и макета). ^{[ 13 ]} Это часто называют разделением ответственности . HTML используется для представления структуры или содержимого документа, ответственность за его представление остается исключительно за таблицами стилей CSS . по умолчанию Таблица стилей предлагается как часть стандарта CSS и обеспечивает рендеринг HTML по умолчанию. ^{[ 14 ]}

Поведение (интерактивность) также отделено от контента и обрабатывается скриптами . Изображения содержатся в отдельных графических файлах, отдельно от текста, хотя их также можно считать частью содержимого страницы.

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

Исторически сложилось так, что пользовательские агенты не всегда поддерживали эти функции. В 1990-е годы в качестве временной меры презентационные элементы (например, <b> и <i>) были добавлены в HTML за счет создания проблем совместимости и доступности для пользователей. Сейчас это считается устаревшим и заменено дизайном на основе таблиц стилей; большинство презентационных элементов теперь устарели. ^{[ 15 ]}

Внешние файлы изображений включены в состав <img /> или <object /> элементы. (С помощью XHTML язык SVG также можно использовать для написания графики внутри документа, хотя связывание с внешними файлами SVG обычно проще.) ^{[ 16 ]} Если изображение не является чисто декоративным, HTML позволяет предоставлять замещающий контент с аналогичной семантической ценностью для невизуальных пользовательских агентов.

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

Элементы <style> и <script>, с соответствующими атрибутами HTML , предоставляют таблицы стилей и сценарии.

В шапке документа <style /> и <script /> может ссылаться на общие внешние документы или <style>...</style> и <script>...</script> может содержать встроенные инструкции. ( <link> элемент также можно использовать для связи таблиц стилей.)
<script /> или <script>...</script> может произойти в любой точке документа (заголовок или тело).
The style Атрибут действителен в большинстве элементов тела документа (например, <div style="...">) для включения инструкций встроенного стиля .
Атрибуты обработки событий , предоставляющие ссылки на сценарии, в большинстве элементов являются необязательными.
Для пользовательских агентов, которые не используют сценарии, <noscript>...</noscript> элемент предоставляет встроенный альтернативный контент, где это возможно; однако его можно использовать только в заголовке и теле документа как элемент уровня блока.

Элементы структуры документа

<html>...</html>: Корневой элемент документа HTML- ; все остальные элементы содержатся в этом. Элемент HTML ограничивает начало и конец HTML-документа.; Как начальный, так и конечный теги можно опустить (HTML5). ^{[ 4 ]}; Стандартизировано в HTML 2.0 ; все еще актуален.
<head>...</head>: ( Дочерние элементы см. в элементах заголовка документа .)
Контейнер для обработки информации и метаданных HTML-документа.; Как начальный, так и конечный теги могут быть опущены и выведены из дочерних элементов (HTML5). ^{[ 4 ]}; Стандартизировано в HTML 5.0 ; все еще актуален.
<body></body>: ( Дочерние элементы см. в элементах тела документа .)
Контейнер для отображаемого содержимого HTML-документа.; Как начальный, так и конечный теги могут быть опущены и выведены из дочерних элементов (HTML5). ^{[ 4 ]}; Стандартизировано в HTML 2.0 ; все еще актуален.

Элементы заголовка документа

<base />

Указывает базовый URL-адрес для всех относительных href и другие ссылки в документе. Должен стоять перед любым элементом, ссылающимся на внешний ресурс. HTML допускает только один <base> элемент для каждого документа. У этого элемента есть атрибуты HTML , но нет содержимого.

Разрабатываемая версия этого элемента (как BASE) упоминается в HTML-тегах ; стандартизирован в HTML 2.0 ; все еще актуален.

<basefont /> (deprecated)

Указывает базовый размер шрифта, гарнитуру и цвет документа. Используется вместе с <font> элементы. Устарело в пользу таблиц стилей .

Стандартизировано в HTML 3.2 ; устарело в HTML 4.0 Transitional ; недопустимо в HTML 4.0 Strict .

<isindex /> (deprecated)

<isindex> может появляться либо в заголовке документа, либо в теле документа, но только один раз в документе. См . Формы .

<link />

Указывает ссылки на другие документы, например предыдущую и следующую ссылки или альтернативные версии. ^{[ 17 ]} Обычно используется ссылка на внешние таблицы стилей с использованием формы: <link rel="stylesheet" type="text/css" href="url" title="description_of_style">. ^{[ 18 ]} Менее распространенное, но важное применение — последовательное предоставление подсказок по навигации посредством использования микроформатов . Определены несколько общих отношений, которые могут быть доступны пользователям через интерфейс браузера, а не непосредственно на веб-странице, например: <link rel="next" href="url">. Документ <head> элемент может содержать любое количество <link /> элементы. У этого элемента есть атрибуты HTML , но нет содержимого.

LINK существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.

<meta />

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

В одной форме, <meta /> элементы могут указывать HTTP- заголовки, которые должны быть отправлены веб-сервером перед фактическим содержимым. Например, <meta http-equiv="foo" content="bar" /> указывает, что страница должна обслуживаться с HTTP-заголовком, называемым foo это имеет ценность bar.

В общем виде А. <meta /> элемент указывает name и связанные с ними content Атрибуты HTML, описывающие аспекты HTML-страницы. Чтобы предотвратить возможную двусмысленность, необязательный третий атрибут scheme, может быть предоставлен для указания семантической структуры, которая определяет значение ключа и его значение. Например, в <meta name="foo" content="bar" scheme="DC" /> тот <meta /> элемент идентифицирует себя как содержащий foo элемент со значением bar DC или Dublin Core из структуры описания ресурсов .

Стандартизировано в HTML 2.0 ; все еще актуален.

<object>...</object>

Используется для включения общих объектов в заголовок документа. Хотя редко используется в <head> элемент, его потенциально можно использовать для извлечения внешних данных и связывания их с текущим документом.

Стандартизировано в HTML 4.0 ; все еще актуален.

<script>...</script>

Может выступать в качестве контейнера для инструкций сценария или ссылки на внешний сценарий с необязательным параметром. src атрибут. ^{[ 19 ]} Также можно использовать в теле документа для динамического создания как блочного, так и встроенного содержимого.

Стандартизировано в HTML 3.2 ; все еще актуален.

<style>...</style>

Указывает стиль CSS для документа, обычно в форме: <style type="text/css"> ... </style>. Может выступать в качестве контейнера для инструкций по стилю или ссылки на внешние таблицы стилей — например, в CSS с помощью @import директивы формы, ^{[ 20 ]} <style> @import url; </style>

Стандартизировано в HTML 3.2 ; все еще актуален.

<title>...</title>

Этот тег определяет заголовок документа. Требуется в каждом HTML и XHTML документе . Пользовательские агенты могут использовать заголовок по-разному. Например:

окна Веб-браузеры обычно отображают его в строке заголовка , когда оно открыто, и (где применимо) на панели задач , когда окно свернуто.
Оно может стать именем файла по умолчанию при сохранении страницы.
Мы можем использовать элемент <title> на веб-странице только один раз, а когда мы создадим другую страницу, мы снова будем использовать другой элемент <title> с новым заголовком (не используйте одно и то же имя для всех тегов заголовка на веб-сайте. Это может быть проблема для поисковых систем).
поисковых систем веб - Сканеры могут обращать особое внимание на слова, используемые в заголовке.

<title> элемент не должен содержать другие элементы, только текст. Только один <title> элемент разрешен в документе.

Существовал в тегах HTML и был стандартизирован в HTML 2.0 ; все еще актуален.

Элементы тела документа

В визуальных браузерах отображаемые элементы могут отображаться как блочные , так и встроенные . Хотя все элементы являются частью последовательности документов, блочные элементы появляются внутри своих родительских элементов:

как прямоугольные объекты, не пересекающие линии;
с полями блока, свойствами ширины и высоты, которые можно устанавливать независимо от окружающих элементов.

И наоборот, строчные элементы рассматриваются как часть текста документа; им не могут быть заданы поля, ширина или высота, и они разрываются на строки.

Блочные элементы

Блочные элементы или элементы уровня блока имеют прямоугольную структуру. По умолчанию эти элементы будут занимать всю ширину родительского элемента и, таким образом, не позволят любому другому элементу занимать то же горизонтальное пространство, на котором он размещен.

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

Содержимое элемента — это фактический текст (или другой носитель), помещенный между открывающим и закрывающим тегами элемента.
Заполнение элемента — это пространство вокруг содержимого , но которое по-прежнему является частью элемента. Заполнение не должно использоваться для создания пробелов между двумя элементами. Любой стиль фона, назначенный элементу, например фоновое изображение или цвет, будет виден внутри отступа. Увеличение размера отступа элемента увеличивает объем места, занимаемого этим элементом.
Граница элемента является абсолютным концом элемента и охватывает периметр этого элемента. Толщина границы увеличивает размер элемента.
Граница . элемента — это пустое пространство, окружающее элемент Содержимому, отступам и границам любого другого элемента не будет разрешено входить в эту область, если только это не будет принудительно выполнено с помощью какого-либо расширенного размещения CSS . При использовании большинства стандартных DTD поля слева и справа от разных элементов будут отталкивать друг друга. С другой стороны, поля сверху или снизу элемента не будут складываться или смешиваться. Это означает, что пустое пространство между этими элементами будет таким же большим, как и большее поле между ними.

Приведенный выше раздел относится только к подробной реализации рендеринга CSS и не имеет отношения к самим элементам HTML.

Основной текст

<p>...</p>: Создает абзац, возможно, самый распространенный элемент уровня блока.; P существовал в тегах HTML и был стандартизирован в HTML 2.0 ; все еще актуален.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>: Заголовки разделов разного уровня. h1 ограничивает заголовок самого высокого уровня, h2 следующий уровень вниз (подраздел), h3 для уровня ниже этого и так далее до h6. Иногда их называют вместе hn теги, n означает любой из доступных уровней заголовков. Большинство визуальных браузеров по умолчанию отображают заголовки как большой жирный текст, хотя это можно переопределить с помощью CSS . Элементы заголовка предназначены не только для создания большого или жирного текста — на самом деле их не следует использовать для явного стилизации текста. Скорее, они описывают структуру и организацию документа. Некоторые программы используют их для создания схем и оглавлений.; Заголовки существовали в тегах HTML и были стандартизированы в HTML 2.0 ; все еще актуален.

Списки

<dl>...</dl>

Список описаний (также известный как список ассоциаций или список определений) состоит из групп имя-значение, ^{[ 21 ]} и до HTML5 был известен как список определений. ^{[ 22 ]} Списки описаний предназначены для групп «терминов и определений, тем и значений метаданных, вопросов и ответов или любых других групп данных имени и значения». ^{[ 23 ]}

DL существовал в тегах HTML и был стандартизирован в HTML 2.0 ; все еще актуален.

<dt>...</dt>

Имя в списке описаний (ранее термин определения в списке определений).

DT существовал в тегах HTML и был стандартизирован в HTML 2.0 ; все еще актуален.

<dd>...</dd>

Значение в списке описаний (ранее данные определения в списке определений).

DD существовал в тегах HTML и был стандартизирован в HTML 2.0 ; все еще актуален.

<ol>...</ol>

Упорядоченный (нумерованный) список. type Атрибут можно использовать для указания типа маркера, который будет использоваться в списке, но таблицы стилей дают больше контроля. По умолчанию используется арабская нумерация. В атрибуте HTML: <ol type="foo">; или в объявлении CSS: ol { list-style-type: foo; } – замена foo с одним из следующих:

A, B, C... – HTML-значение: A; Значение CSS: upper-alpha
a, b, c ... – значение HTML: a; Значение CSS: lower-alpha
I, II, III ... – HTML-значение: I; Значение CSS: upper-roman
i, ii, iii ... – значение HTML: i; Значение CSS: lower-roman
1, 2, 3 ... – HTML-значение: 1; decimal

CSS предоставляет несколько других опций, недоступных в виде разметки чистого HTML, в том числе noneи варианты CJK , иврита, грузинского и армянского алфавита. Атрибут устарел в HTML 3.2 и 4.01, но не в HTML 5.

OL существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.

<ul>...</ul>

Неупорядоченный (маркированный) список. Тип маркера элемента списка можно указать в атрибуте HTML: <ul type="foo">; или в объявлении CSS: ul { list-style-type: foo; } – замена foo одним из следующих значений (в HTML и CSS используются одни и те же значения): disc (по умолчанию), square, или circle. только В HTML5 поддерживается метод CSS; атрибут устарел в HTML 3.2 и 4.01. CSS также предоставляет noneи возможность заменять эти маркеры собственными изображениями.

UL существовал в тегах HTML и был стандартизирован в HTML 2.0 ; все еще актуален.

<li>...</li>

Элемент списка в упорядоченном виде ( ol) или неупорядоченный ( ul) списки.

LI существовал в тегах HTML и был стандартизирован в HTML 2.0 ; все еще актуален.

<dir>...</dir> (deprecated)

Листинг каталога. Первоначальная цель этого элемента никогда не пользовалась широкой поддержкой; устарел в пользу <ul>.

DIR существовал в тегах HTML и был стандартизирован в HTML 2.0 ; устарело в HTML 4.0 Transitional ; недопустимо в HTML 4.0 Strict .

Другие элементы блока

<address>...</address>: Контактная информация автора документа.; ADDRESS существовал в тегах HTML и был стандартизирован в HTML 2.0 ; все еще актуален.
<article>...</article>: Основная статья: Элемент статьи
Используется для статей и другого подобного контента.; Стандартизован в HTML5 .
<aside>...</aside>: Используется для содержимого документа, которое отделено от содержимого основной страницы, например боковых панелей или рекламы.; Стандартизован в HTML5 .
<blockquote>...</blockquote>: Основная статья: Элемент Blockquote

Цитата уровня блока , когда цитата включает элементы уровня блока, например абзацы. cite атрибут (не путать с атрибутом <cite> элемент) может указывать источник и должен быть полностью квалифицированным универсальным идентификатором ресурса .
По умолчанию блочные кавычки в визуальных браузерах обычно представляются с отступом от обоих полей. Это привело к тому, что элемент без необходимости использовался только для отступов абзацев, независимо от семантики. Для цитат, не содержащих элементов уровня блока, см. цитату ( <q>) элемент.; BLOCKQUOTE существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален. см. в разделе «Элемент блочной цитаты» . Дополнительную информацию
<center>...</center> (deprecated): Создает разделение по центру на уровне блоков. Устарело в пользу <div> или другой элемент с центрированием, определенным с помощью таблиц стилей.; Стандартизировано в HTML 3.2 ; устарело в HTML 4.0 ; не поддерживается в HTML5 .
<del>...</del>: Отмечает удаленный раздел контента. Этот элемент также можно использовать как встроенный .; Стандартизировано в HTML 4.0 ; все еще актуален.
<div>...</div>: Основная статья: Span и div
Логическое разделение на уровне блоков. Общий элемент без семантического значения, используемый для выделения раздела документа, обычно для таких целей, как представление или поведение, контролируемое таблицами стилей или вызовами DOM .; Предложено в черновиках HTML 3.0 ; Стандартизировано в HTML 3.2 ; все еще актуален.
<figure>...</figure>: Используется для группировки изображений и подписей, а также <figcaption>.; Стандартизован в HTML5 .
<figcaption>...</figcaption>: Подпись к изображению. Всегда размещается внутри <figure> элемент.; Стандартизован в HTML5 .
<footer>...</footer>: Используется для нижних колонтитулов документов. Они могут содержать информацию об авторе или авторских правах или ссылки на другие страницы.; Стандартизован в HTML5 .
<header>...</header>: Используется для заголовков документов. Обычно они содержат контент, представляющий страницу.; Стандартизован в HTML5 .
<hr />: Тематический перерыв (первоначально: горизонтальное правило). Правила представления можно нарисовать с помощью таблиц стилей.; Стандартизировано в HTML 2.0 ; все еще актуален.
<ins>...</ins>: Отмечает раздел вставленного контента. Этот элемент также можно использовать как встроенный .; Стандартизировано в HTML 4.0 ; все еще актуален.
<main>...</main>: Содержит основное содержимое документа.; Стандартизован в HTML 5.1 .
<menu>...</menu>: HTML 2.0: список меню. Должен быть более компактным, чем <ul> список.; MENU существовал в тегах HTML и был стандартизирован в HTML 2.0 ; устарело в HTML 4.0 Transitional ; недопустимо в HTML 4.0 Strict ; затем переопределен в HTML5 , удален в HTML 5.2, но включен в HTML Living Standard в 2019 году.
<nav>...</nav>: Используется в навигационных разделах статей (областях веб-страниц, содержащих ссылки на другие веб-страницы).; Стандартизован в HTML5 .
<noscript>...</noscript>: Замена контента для скриптов. В отличие от скрипта, его можно использовать только как элемент уровня блока.; Стандартизировано в HTML 4.0 ; все еще актуален.
<pre>...</pre>: Предварительно отформатированный текст. Текст внутри этого элемента обычно отображается непропорциональным шрифтом точно так же, как он расположен в файле (см. рисунок ASCII ). В то время как браузеры игнорируют пробелы для других элементов HTML, в <pre>...</pre>, пробелы должны отображаться как авторские. (Со свойствами CSS: { white-space: pre; font-family: monospace; }, другие элементы могут быть представлены таким же образом.) Этот элемент может содержать любой встроенный элемент, кроме: <image>, <object>, <big>, <small>, <sup>, и <sub>...</sub>.; PRE существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.
<section>...</section>: Используется для общих разделов документа. Это отличается от <div> поскольку он используется только для размещения разделов страницы, которые W3C определяет как группу контента со схожей темой.; Стандартизован в HTML5 .
<script>...</script>: Размещает скрипт в документе. Также можно использовать в заголовке и во встроенных контекстах. Его можно использовать как <script /> с src атрибут для предоставления URL-адреса для загрузки сценария или используется как <script>...</script> вокруг содержимого встроенного скрипта. Примечание: <script> сам по себе не является ни блочным, ни встроенным элементом; сам по себе он вообще не должен отображаться, но может содержать инструкции для динамического создания как блочного, так и встроенного содержимого.; Стандартизировано в HTML 3.2 ; все еще актуален.

Встроенные элементы

Встроенные элементы не могут быть размещены непосредственно внутри <body> элемент; они должны быть полностью вложены в элементы уровня блока. ^{[ 24 ]}

Якорь

<a>...</a>

Элемент привязки называется якорем, потому что веб-дизайнеры могут использовать его для «привязки» URL-адреса к некоторому тексту на веб-странице. Когда пользователи просматривают веб-страницу в браузере, они могут щелкнуть текст, чтобы активировать ссылку, и посетить страницу, URL-адрес которой указан в ссылке. ^{[ 25 ]}

В HTML привязка может быть либо исходным ( текст привязки ), либо целевым (назначающим) концом гиперссылки .

С атрибутом href, ^{[ 26 ]} привязка становится гиперссылкой на другую часть документа или другой ресурс (например, веб-страницу) с использованием внешнего URL-адреса . Альтернативно (а иногда и одновременно) с name или id Если атрибуты HTML установлены, элемент становится целью ссылки. Унифицированный указатель ресурсов (URL) может ссылаться на эту цель через идентификатор фрагмента . В HTML5 любой элемент теперь можно превратить в цель с помощью id атрибут, ^{[ 27 ]} так что используя <a name="foo">...</a> в этом нет необходимости, хотя этот способ добавления якорей продолжает работать.

Для иллюстрации: заголовок раздела оглавления на example.com домашнюю страницу можно превратить в цель, написав: <h2><a name="contents">Table of contents</a></h2>.

Продолжая этот пример, теперь, когда раздел помечен как целевой, на него можно ссылаться с внешних сайтов с помощью ссылки, например: <a href="http://example.com#contents">see contents</a>;

или со ссылкой на той же странице, например: <a href="#contents">contents, above</a>.

Атрибут title может быть настроено предоставление краткой информации о ссылке: <a href="URL" title="additional information">link text</a>.

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

A существовал в тегах HTML и был стандартизирован в HTML 2.0 ;

Элементы фразы

Фразовые элементы используются для разметки фраз и придания структуры или смыслового значения фрагментам текста. Например, <em> и <strong> теги можно использовать для выделения текста.

Общий

<abbr>...</abbr>: Отмечает аббревиатуру и может сделать доступной полную форму: <abbr title="abbreviation">abbr.</abbr>; Стандартизировано в HTML 4.0 ; все еще актуален.
<acronym>...</acronym> (deprecated): Подобно <abbr> элемент, но обозначает аббревиатуру : <acronym title="Hyper-Text Mark-up Language">HTML</acronym>; Стандартизировано в HTML 4.0 ; все еще актуален, не поддерживается в HTML5 . Рекомендуемая замена – это abbr ярлык. ^{[ 28 ]}
<dfn>...</dfn>: Встроенное определение одного термина.; DFN существовал в HTML Internet Draft 1.2 и был полностью стандартизирован в HTML 3.2 ; все еще актуален.
<em>...</em>: Выделение (обычно отображается курсивом); EM существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.
<strong>...</strong>: важность ; изначально сильный акцент (обычно выделяется жирным шрифтом). Слуховой пользовательский агент может использовать разные голоса для акцентирования внимания.; STRONG существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален, переопределен в HTML5.

Элементы компьютерной фразы

Эти элементы полезны в первую очередь для документирования разработки компьютерного кода и взаимодействия с пользователем посредством дифференциации исходного кода ( <code>), переменные ( <var>), пользовательский ввод ( <kbd>), а также терминал или другой выход ( <samp>).

<code>...</code>: фрагмент кода ( code example). Традиционно отображается моноширинным шрифтом.; CODE существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.
<kbd>...</kbd>: Клавиатура – текст, вводимый пользователем ( kbd example).; KBD существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.
<samp>...</samp>: Пример вывода — из программы или скрипта: ( пример образца ).; SAMP существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.
<var>...</var>: Переменная ( пример var ).; VAR существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.

Презентация

Поскольку разметка визуального представления применима только непосредственно к визуальным браузерам, ее использование не рекомендуется. Вместо этого следует использовать таблицы стилей. Некоторые из этих элементов устарели или недействительны в HTML 4/XHTML 1.0, а остальные недействительны в текущем проекте XHTML 2.0 . Однако текущий проект HTML5 снова включает <s>, <u>, и <small>, придавая каждому новое смысловое значение. В документе HTML5 использование этих элементов больше не рекомендуется, при условии, что оно семантически корректно.

<b>...</b>

В HTML 4 шрифт по возможности установите жирный . Эквивалентный CSS: { font-weight: bold; }. <strong> Элемент обычно имеет тот же эффект в визуальных браузерах, а также имеет большее семантическое значение в HTML 4.01 . в HTML5 Однако <b> имеет свое собственное значение, отличное от значения <strong>. Он обозначает «текст, к которому внимание привлекается в утилитарных целях, не придавая никакой дополнительной важности и не подразумевая альтернативного голоса или настроения». ^{[ 29 ]}

B существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален, переопределен в HTML5.

<i>...</i>

В HTML 4 установите курсив, где это возможно. Эквивалентный CSS : { font-style: italic; }. С использованием <em>...</em> имеет одинаковый визуальный эффект в большинстве браузеров, а также имеет семантическое значение в качестве акцента в HTML 4.01 . (Чисто типографский курсив имеет множество целей, не связанных с выделением, поскольку HTML 5 более явно распознает.) в HTML5 Однако <i> имеет свое собственное смысловое значение, отличное от значения <em>. Оно обозначает «другое качество текста» или «альтернативный голос или настроение», например, мысль, название корабля, бинарное название вида , фразу на иностранном языке и т. д. ^{[ 30 ]}

I существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален, переопределен в HTML5.

<u>...</u>

В HTML 4 — подчеркнутый текст. Эквивалентный CSS: { text-decoration: underline; }. Устарело в HTML 4.01 . Восстановлено в HTML5 . В HTML5 <u> элемент обозначает «отрезок текста с невыраженной, хотя и явно отображаемой, нетекстовой аннотацией, такой как пометка текста как имени собственного в китайском тексте (знак китайского имени собственного) или пометка текста как написанного с ошибкой». Спецификация HTML5 напоминает разработчикам, что другие элементы почти всегда более уместны, чем <u> и советует дизайнерам не использовать подчеркнутый текст там, где его можно спутать с гиперссылкой. ^{[ 31 ]}

U существовал в HTML Internet Draft 1.2 , был стандартизирован в HTML 3.2 , но устарел в HTML 4.0 Transitional и был недействителен в HTML 4.0 Strict . Вновь представлен в HTML5 .

<small>...</small>

В HTML 4 уменьшен размер шрифта ( уменьшился текст). Эквивалентный CSS: { font-size: smaller; } В HTML5 <small> элемент обозначает «боковые комментарии, такие как мелкий шрифт». ^{[ 32 ]} Это вызвало некоторую путаницу с <aside>...</aside> элемент.

Стандартизировано в HTML 3.2 ; все еще актуален.

<s>...</s>

В HTML 4 обозначал зачеркнутый текст ( ~~Strikethrough~~ ) и был эквивалентен <strike>. В HTML5 <s> элемент обозначает информацию, которая «уже не точна и не актуальна», и ее не следует путать с <del>, что указывает на удаление/удаление. ^{[ 33 ]}

S был объявлен устаревшим в HTML 4.0 Transitional (не появлялся ни в одном предыдущем стандарте) и был недействителен в HTML 4.0 Strict . Вновь представлен в HTML5 , который вместо этого устарел. <strike>.

<big>...</big> (deprecated)

Увеличен размер шрифта ( крупный текст). Эквивалентный CSS: { font-size: larger; }

Стандартизировано в HTML 3.2 ; не поддерживается в HTML5 .

<strike>...</strike> (deprecated)

Зачеркнутый текст ( ~~Strikethrough~~ ), (эквивалент CSS: { text-decoration: line-through; })

STRIKE был стандартизирован в HTML 3.2 ; устарело в HTML 4.0 Transitional ; недопустимо в HTML 4.0 Strict .

<tt>...</tt> (deprecated)

Шрифт фиксированной ширины ( похожий на пишущую машинку ), также известный как телетайп , то есть «тт». (Эквивалент CSS: { font-family: monospace; })

TT существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; не поддерживается ^{[ 34 ]} в HTML5. Возможные замены: <kbd> для маркировки ввода пользователя, <var> для переменных (обычно выделяются курсивом, а не с переходом на моноширинный шрифт), <code> для исходного кода, <samp> для вывода. ^{[ 34 ]}

<font>...</font> (deprecated)

<font [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> Можно указать цвет шрифта с помощью color атрибут (обратите внимание на американское написание), шрифт с face атрибут, а также абсолютный или относительный размер с помощью size атрибут. Примеры (все виды использования устарели, по возможности используйте эквиваленты CSS):

<font color="green">text</font> создает зеленый текст .
<font color="#114499">text</font> создает текст шестнадцатеричного цвета #114499 .
<font size="4">text</font> создает текст размером 4. Размеры — от 1 до 7. Стандартный размер — 3, если иное не указано в <body> или других тегах.
<font size="+1">text</font> создает текст размером на 1 больше стандартного. <font size="-1">text</font> противоположно.
<font face="Courier">text</font> делает текст шрифтом Courier.

Эквивалентный CSS для атрибутов шрифта:

<font size="N"> соответствует {font-size: Yunits} (спецификация HTML не определяет связь между размером N и размером единицы Y и не определяет единицу измерения).
<font color="red"> соответствует { color: red; }
<font face="Times New Roman"> соответствует { font-family: 'Times New Roman', Times, serif; } – CSS поддерживает стек шрифтов из двух или более альтернативных шрифтов.

Стандартизировано в HTML 3.2 ; устарело в HTML 4.0 Transitional ; недопустимо в HTML 4.0 Strict . Не является частью HTML5.

Охватывать

<span>...</span>: Основная статья: Span и div
Встроенное логическое разделение. Общий элемент без семантического значения, используемый для выделения раздела документа, обычно для таких целей, как представление или поведение, контролируемое таблицами стилей или вызовами DOM .; Стандартизировано в HTML 4.0 ; все еще актуален.

Другие встроенные элементы

<br />: Принудительный разрыв строки.; Стандартизировано в HTML 2.0 ; все еще актуален.
<bdi>...</bdi>: Изолирует встроенный раздел текста, который может быть отформатирован в направлении, отличном от другого текста за его пределами, например созданного пользователем содержимого с неизвестной направленностью.; Стандартизован в HTML5 .
<bdo>...</bdo>: Отмечает встроенный раздел текста, в котором направление чтения противоположно направлению родительского элемента.; Стандартизировано в HTML 4.0 ; все еще актуален.
<cite>...</cite>: Цитата или ссылка на цитату или утверждение в документе.; CITE существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.; Примечание. Спецификации HTML 5 были ошибочно разветвлены . ^{[ 35 ]} в том числе и в отношении этого элемента. В HTML 4 и более ранних версиях <cite> предназначалось для «цитирования или ссылки на другие источники» без каких-либо особых ограничений или требований. ^{[ 36 ]} Спецификация W3C HTML 5 использует уточнение этой идеи, отражая то, как этот элемент использовался исторически, но теперь требует, чтобы он содержал (но не ограничивался) хотя бы одно из «названия работы или имени автора». (человек, люди или организация) или URL-ссылка, или ссылка в сокращенной форме в соответствии с соглашениями, используемыми для добавления метаданных цитирования». ^{[ 37 ]} Но спецификация WHATWG разрешает использовать этот элемент только вокруг названия произведения. ^{[ 38 ]} Спецификации W3C начались с более широкого определения, а затем перешли на очень узкое после того, как WHATWG внесла это изменение. Однако W3C отменил собственное изменение в 2012 году в ответ на негативные отзывы сообщества разработчиков; этот элемент широко использовался в более широком контексте, например, различные платформы блогов и форумов оборачивают идентификаторы комментаторов и адреса электронной почты в <cite>...</cite>, и люди, использующие этот элемент для библиографических цитат, обычно заключали (и до сих пор) каждую целую цитату в этот элемент. Другая проблема с этим элементом заключается в том, что WHATWG рекомендует по умолчанию выделять его курсивом (поэтому почти все браузеры делают это), поскольку он (по их мнению) предназначен только для заголовков публикаций. Однако по соглашению только некоторые виды заголовков на самом деле выделяются курсивом, в то время как другие должны быть заключены в кавычки, а стандарты могут фактически различаться в зависимости от контекста публикации и языка. Следовательно, многие авторы и администраторы веб-сайтов используют общесайтовую таблицу стилей, чтобы отменить автоматический курсив этого элемента.
<data>...</data>: Связывает встроенный контент с машиночитаемым переводом.; Стандартизован в HTML5 . ^{[ 39 ]}
<del>...</del>: Удаленный текст. Обычно отображается как зачеркивание : ~~Удаленный текст.~~; Стандартизировано в HTML 4.0 ; все еще актуален.
<ins>...</ins>: Вставленный текст. Часто используется для разметки текста замены материала, отмеченного <del> или <s>. Обычно отображается подчеркнутым : Вставленный текст.; Стандартизировано в HTML 4.0 ; все еще актуален.; Оба <ins> и <del> элементы также могут использоваться как блочные элементы: содержащие другие блочные и строчные элементы. Однако эти элементы по-прежнему должны полностью оставаться внутри своего родительского элемента, чтобы документ HTML был правильно сформирован. Например, для удаления текста из середины одного абзаца в нескольких других абзацах и завершения последнего абзаца потребуется использовать три отдельных <del> элементы. Два <del> элементы потребуются как встроенные элементы для обозначения удаления текста в первом и последнем абзацах, а третий, используемый в качестве блочного элемента, для обозначения удаления в промежуточных абзацах.
<mark>...</mark>: Создает текст, который выглядит так . Предназначен для выделения релевантного текста в цитате.; Стандартизован в HTML5 .
<q>...</q>: Встроенная цитата (цену на уровне блока см. <blockquote>). Элементы цитат могут быть вложенными. <q> должен автоматически генерировать кавычки вместе с таблицами стилей. Практические проблемы, связанные с несоответствием браузеров, могут заставить авторов искать обходные пути. cite Атрибут указывает источник и должен быть полным URI .; Стандартизировано в HTML 4.0 ; все еще актуален.; Примечание. Длинные встроенные цитаты могут отображаться в виде блоков с отступом (как block-quote) с использованием таблиц стилей. Например, с помощью подходящего правила CSS, связанного с q.lengthy: <q class="lengthy">Lengthy quote here.</q>
<rb>...</rb>: Представляет базовый компонент аннотации Ruby .; Стандартизован в HTML5 . ^{[ 40 ]}
<rp>...</rp>: Предоставляет запасную скобку для браузеров, в которых отсутствует поддержка аннотаций Ruby .; Стандартизован в HTML5 . ^{[ 41 ]}
<rt>...</rt>: Указывает произношение символа в аннотации Ruby .; Стандартизован в HTML5 . ^{[ 42 ]}
<rtc>...</rtc>: Семантические аннотации для рубиновой аннотации .; Стандартизован в HTML5 . ^{[ 43 ]}
<ruby>...</ruby>: Представляет рубиновую аннотацию , показывающую произношение восточноазиатских символов.; Стандартизован в HTML5 . ^{[ 44 ]}
<script>...</script>: Размещает скрипт в документе. Также можно использовать в заголовке и в контекстах блоков. Примечание: <script> сам по себе не является ни блочным, ни встроенным элементом; сам по себе он вообще не должен отображаться, но может содержать инструкции для динамического создания как блочного, так и встроенного содержимого.; Стандартизировано в HTML 3.2 ; все еще актуален.
<sub>...</sub>
<sup>...</sup>: Отметить _{подписку} или ^{надстрочный индекс} текст. (Эквивалент CSS: { vertical-align: sub; } и { vertical-align: super; }, соответственно.); Оба были предложены в черновиках HTML 3.0 ; Стандартизировано в HTML 3.2 ; все еще актуален.
<template>...</template>: Фрагменты кода, копируемые скриптами.; Стандартизован в HTML5 . ^{[ 45 ]}
<time>...</time>: Представляет время в 24-часовом формате или дату по григорианскому календарю , при необходимости с информацией о времени и часовом поясе. Также позволяет представлять время и дату в машиночитаемом формате.; Стандартизован в HTML5 . ^{[ 46 ]}
<wbr />: Необязательный разрыв слова.; Широко использовался (и поддерживался всеми основными браузерами) ^{[ нужна ссылка ]} в течение многих лет ^{[ временные рамки? ]} несмотря на то, что он был нестандартным, пока, наконец, не был стандартизирован в HTML5 . ^{[ 47 ]}

Изображения и объекты

<applet>...</applet> (deprecated): Встраивает Java-апплет на страницу. Устарело в пользу <object>, поскольку его можно было использовать только с Java-апплетами, и он имел ограничения доступности.; Стандартизировано в HTML 3.2 ; устарело в HTML 4.0 Transitional ; недопустимо в HTML 4.0 Strict . По состоянию на 2011 год все еще широко используется в качестве реализации заменяющих <object> несовместимы между разными браузерами.
<area />: Указывает область фокусировки в <map>.; Стандартизировано в HTML 3.2 ; все еще актуален.
<audio>...</audio>: Добавляет воспроизводимый HTML-аудио на страницу. URL-адрес аудио определяется с помощью src атрибут. Поддерживаемые аудиоформаты различаются в зависимости от браузера.; Стандартизован в HTML5 .
<canvas>...</canvas>: Основная статья: Элемент Canvas
Добавляет холст, содержимое которого можно редактировать с помощью JavaScript . Часто используется для онлайн-игр.; Стандартизован в HTML5 .
<embed>...</embed>: Вставляет в документ нестандартный объект (например, апплет) или внешнее содержимое (обычно не HTML).; Устарело в HTML 4 в пользу <object>, но затем был снова добавлен в спецификацию HTML5 ^{[ 48 ]}^{[ 49 ]}
<img />: Используется визуальными пользовательскими агентами для вставки изображения в документ. src Атрибут указывает URL-адрес изображения. Требуемый alt Атрибут предоставляет альтернативный текст на случай, если изображение невозможно отобразить. ^{[ 50 ]} (Хотя alt предназначен в качестве альтернативного текста, Microsoft Internet Explorer 7 и ниже отображает его как всплывающую подсказку , если нет title атрибут указан. ^{[ 51 ]} С другой стороны, Safari и Google Chrome вообще не отображают атрибут alt.) ^{[ 52 ]} <img /> Элемент был впервые предложен Марком Андриссеном и реализован в веб-браузере NCSA Mosaic . ^{[ 53 ]}; IMG существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще актуален.
<map>...</map>: на стороне клиента Задает карту изображения .; Стандартизировано в HTML 3.2 ; все еще актуален.
<object>...</object>: Включает объект на страницу типа, указанного в type атрибут. Это может быть любой MIME -тип, понятный пользовательскому агенту, например встроенная HTML-страница, файл, обрабатываемый плагином, например Flash , Java- апплетом , звуковым файлом и т. д.; Стандартизировано в HTML 4.0 ; все еще актуален.
<param />: Первоначально представлен с <applet>, этот элемент теперь используется с <object>, и должен возникать только как дочерний элемент <object>. Он использует атрибуты HTML для установки параметров объекта, например ширины, высоты, шрифта, цвета фона и т. д., в зависимости от типа объекта. Объект может иметь несколько <param /> элементы.; Стандартизировано в HTML 3.2 ; все еще актуален.
<source>...</source>: Указывает различные источники аудио и видео. Использует src атрибут, аналогичный <video> и <audio> элементы.; Стандартизован в HTML5 .
<track>...</track>: Предоставляет текстовые дорожки, такие как субтитры и подписи, для аудио и видео.; Стандартизован в HTML5 .
<video>...</video>: Добавляет воспроизводимое HTML-видео на страницу. URL-адрес видео определяется с помощью src атрибут. Поддерживаемые форматы видео варьируются от браузера к браузеру.; Стандартизован в HTML5 .

Формы

Эти элементы можно объединить в форму или, в некоторых случаях, использовать отдельно в качестве элементов управления пользовательского интерфейса; в документе они могут быть простыми HTML или использоваться вместе со сценариями. Разметка HTML определяет элементы, составляющие форму, и метод ее отправки. Однако для обработки ввода пользователя после его отправки необходимо использовать некоторые формы сценариев ( серверные , клиентские или оба).

(Эти элементы являются либо блочными, либо встроенными элементами, но собраны здесь, поскольку их использование более ограничено, чем использование других встроенных или блочных элементов.)

<form action="url">...</form>

Создает форму . <form> элемент определяет и управляет общим действием области формы, используя необходимые action атрибут.

Стандартизировано в HTML 2.0 ; все еще актуален.

<button>...</button>

Кнопка общей формы, которая может содержать ряд других элементов для создания сложных кнопок.

Стандартизировано в HTML 4.0 ; все еще актуален.

<datalist>...</datalist>

Список options для использования в элементах формы.

Стандартизован в HTML5 .

<fieldset>...</fieldset>

Контейнер для добавления структуры в формы. Например, ряд связанных элементов управления можно сгруппировать в <fieldset>, который тогда может иметь <legend> добавлены для определения их функции.

Стандартизировано в HTML 4.0 ; все еще актуален.

<input />

<input> Элементы позволяют реализовать различные стандартные элементы управления формой.

Стандартизировано в HTML 2.0 ; все еще актуален.

Типы ввода:

введите = «флажок»: Флажок . Может быть отмечен или снят.
введите = "радио": Радиокнопка . Если нескольким переключателям присвоено одно и то же имя, пользователь сможет выбрать только один из них из этой группы.
введите = «кнопка»: Кнопка общего назначения. Элемент <button> предпочтителен, если это возможно (т. е. если клиент его поддерживает), поскольку он предоставляет более широкие возможности.
введите = «отправить»: Кнопка отправки .
введите = «изображение»: Кнопка изображения . URL-адрес изображения может быть указан с помощью src атрибут.
введите = «сброс»: Кнопка сброса для сброса формы к значениям по умолчанию.
введите = "текст": строку Поле для ввода текста в одну . size Атрибут определяет ширину ввода по умолчанию в ширине символов. max-length устанавливает максимальное количество символов, которое может ввести пользователь (которое может превышать размер).
введите = «поиск»: Вариант text который создает панель поиска.
введите = «пароль»: Вариант text. Отличие состоит в том, что текст, вводимый в это поле, маскируется — символы отображаются в виде звездочки, точки или другой замены. Пароль по-прежнему передается на сервер в виде открытого текста базовый протокол безопасной связи, такой как HTTPS . , поэтому, если конфиденциальность является проблемой, необходим
введите = "файл": Поле выбора файла (для загрузки файлов на сервер).
введите = "тел": Вариант text для телефонных номеров .
введите = «электронная почта»: Вариант text для адресов электронной почты .
введите = URL-адрес: Вариант text для URL-адресов .
введите = "дата": Селектор даты.
введите = «время»: Селектор времени.
введите = "число": Вариант text для цифр.
введите = "диапазон": Создает ползунок, который возвращает число, но это число не видно пользователю.
введите = «цвет»: Выбор цвета.
введите = "скрытый": hidden входные данные не видны на отображаемой странице, но позволяют дизайнеру сохранять копию данных, которые необходимо отправить на сервер как часть формы. Например, это могут быть данные, которые этот веб-пользователь ввел или выбрал в предыдущей форме и которые необходимо обработать вместе с текущей формой. Не отображается пользователю, но данные все равно можно изменить на стороне клиента путем редактирования источника HTML.

<isindex /> (deprecated)

<isindex /> может появляться либо в заголовке документа, либо в теле документа, но только один раз в документе. <isindex /> работал как примитивная форма поиска HTML; но де-факто устарел из-за более продвинутых форм HTML, представленных в начале-середине 1990-х годов. Представляет набор гиперссылок, состоящий из базового URI, амперсанда и ключевых слов в процентном кодировании, разделенных знаками плюса .

ISINDEX существовал в HTML-тегах ; стандартизирован в HTML 2.0 ; устарело в HTML 4.0 Transitional ; недопустимо в HTML 4.0 Strict .

<keygen>...</keygen> (deprecated)

Генератор ключевой пары.

Стандартизировано в HTML5 , но удалено в HTML 5.2.

<label for="id">...</label>

Создает метку для ввода формы, например radio. Нажатие на метку запускает щелчок по соответствующему вводу.

Стандартизировано в HTML 4.0 ; все еще актуален.

<legend>...</legend>

Легенда (подпись) к <fieldset>.

Стандартизировано в HTML 4.0 ; все еще актуален.

<meter>...</meter>

счетчик, которому нужен value атрибут. Также может иметь: min, low, high, и max.

Стандартизован в HTML5 .

<option value="x">...</option>

Создает элемент в <select> список.

Стандартизировано в HTML 2.0 ; все еще актуален.

<optgroup>...</optgroup>

Обозначает группу из <option> элементы в <select> список.

Стандартизировано в HTML 4.0 ; все еще актуален.

<output>...</output>

Значение элемента формы.

Стандартизован в HTML5 .

<progress>...</progress>

Панель, показывающая ход выполнения действия.

Стандартизован в HTML5 .

<select name="xyz">...</select>

Создает список выбора, из которого пользователь может выбрать один вариант. Может отображаться в виде раскрывающегося списка.

Стандартизировано в HTML 2.0 ; все еще актуален.

<textarea rows="8">...</textarea>

Многострочная текстовая область, размер которой задается параметром cols (где столбец представляет собой текст шириной в один символ) и rows HTML-атрибуты . Содержимое этого элемента ограничено обычным текстом, который появляется в текстовой области как текст по умолчанию при загрузке страницы.

Стандартизировано в HTML 2.0 ; все еще актуален.

Таблицы

Формат HTML-таблиц был предложен в HTML 3.0 Drafts и более позднем HTML-таблицах RFC 1942 . Их вдохновила табличная модель CALS . Некоторые элементы этих предложений были включены в HTML 3.2; нынешняя форма HTML-таблиц была стандартизирована в HTML 4. (Многие элементы, используемые в таблицах, не являются ни блочными , ни встроенными элементами.)

<table>...</table>: Идентифицирует таблицу. Некоторые атрибуты HTML возможны в HTML Transitional, но большинство из них недействительны в HTML Strict и могут быть заменены таблицами стилей. summary Атрибут неофициально необходим для обеспечения доступности, хотя его использование не является простым.; Предложено в черновиках HTML 3.0 ; Стандартизировано в HTML 3.2 ; все еще актуален.
<tr>...</tr>: Содержит ряд ячеек в <table>.; Предложено в черновиках HTML 3.0 ; Стандартизировано в HTML 3.2 ; все еще актуален.
<th>...</th>: А <table> ячейка заголовка; содержимое обычно отображается жирным шрифтом и по центру. Звуковой пользовательский агент может использовать для этих элементов более громкий голос.; Предложено в черновиках HTML 3.0 ; Стандартизировано в HTML 3.2 ; все еще актуален.
<td>...</td>: А <table> ячейка данных.; Предложено в черновиках HTML 3.0 ; Стандартизировано в HTML 3.2 ; все еще актуален.
<colgroup>...</colgroup>: Указывает группу столбцов в <table>.; Предлагается в таблицах HTML ; Стандартизировано в HTML 4.0 ; все еще актуален.
<col>...</col>: Указывает столбец в <table>.; Предлагается в таблицах HTML ; Стандартизировано в HTML 4.0 ; все еще актуален.
<caption>...</caption>: Указывает заголовок для <table>.; Предложено в черновиках HTML 3.0 ; Стандартизировано в HTML 3.2 ; все еще актуален.
<thead>...</thead>: Указывает часть заголовка <table>. Этот раздел может быть повторен пользовательским агентом, если таблица разбита на несколько страниц (при печати или другом постраничном носителе).; Предлагается в таблицах HTML ; Стандартизировано в HTML 4.0 ; все еще актуален.
<tbody>...</tbody>: Задает массив данных для <table>.; Предлагается в таблицах HTML ; Стандартизировано в HTML 4.0 ; все еще актуален.
<tfoot>...</tfoot>: Определяет нижний колонтитул <table>. Нравиться <thead>, этот раздел может быть повторен пользовательским агентом, если таблица разделена на несколько страниц (при печати или другом постраничном носителе).; Предлагается в таблицах HTML ; Стандартизировано в HTML 4.0 ; все еще актуален.

Рамки

Фреймы позволяют разделить визуальное окно HTML-браузера на сегменты, каждый из которых может отображать отдельный документ. Это может снизить использование полосы пропускания, поскольку повторяющиеся части макета могут использоваться в одном кадре, а переменное содержимое отображается в другом. Это может потребовать определенных затрат на удобство использования, особенно в невизуальных пользовательских агентах. ^{[ 54 ]} из-за того, что отдельные и независимые документы (или веб-сайты) отображаются рядом друг с другом и им разрешено взаимодействовать с одним и тем же родительским окном. Из-за этой стоимости кадры (за исключением <iframe> элемент) разрешены только в HTML 4.01 Frame-set. Iframes также может хранить документы на разных серверах. В этом случае взаимодействие между окнами блокируется браузером. Такие сайты, как Facebook и Twitter, используют iframe для отображения контента ( плагинов ) на сторонних веб-сайтах. Google AdSense использует iframe для отображения баннеров на сторонних веб-сайтах.

В HTML 4.01 документ может содержать <head> и <body> или <head> и <frameset>, но не оба <body> и <frameset>. Однако, <iframe> может использоваться в обычном теле документа.

<frameset>...</frameset> (deprecated): Содержит набор <frame /> элементы для документа. Расположение кадров задается списками, разделенными запятыми, в rows и cols HTML-атрибуты .; Набор фреймов стандартизирован в HTML 4.0 , устарел в HTML5.
<frame /> (deprecated): Определяет один кадр или область внутри <frameset>. Отдельный документ привязывается к фрейму с помощью src атрибут внутри <frame /> элемент.; Набор фреймов стандартизирован в HTML 4.0 , устарел в HTML5.
<noframes>...</noframes> (deprecated): Содержит обычный HTML-контент для пользовательских агентов, которые не поддерживают <frame /> элементы.; Стандартизировано в HTML 4.0 Transitional, устарело в HTML5.
<iframe>...</iframe>: Встроенный фрейм помещает в фрейм другой HTML-документ. В отличие от <object /> элемент, <iframe> может быть «целевым» фреймом для ссылок, определенных другими элементами, и он может быть выбран пользовательским агентом в качестве фокуса для печати, просмотра его источника и т. д. Содержимое элемента используется в качестве альтернативного текста, который будет отображаться, если браузер не поддерживает встроенные фреймы. Отдельный документ привязывается к фрейму с помощью src атрибут внутри <iframe />, встроенный HTML-код встраивается в кадр с помощью srcdoc атрибут внутри <iframe /> элемент.; Впервые представлен Microsoft Internet Explorer в 1997 году, стандартизирован в HTML 4.0 Transitional, разрешен в HTML5.

`longdesc` атрибут

В HTML , longdesc это атрибут, используемый внутри <img />, <frame />, или <iframe> элементы. Это должен быть URL ^{[ примечание 5 ]} в документ, содержащий подробное описание рассматриваемого изображения, фрейма или iframe. ^{[ 55 ]} Этот атрибут должен содержать URL-адрес, а не – как часто ошибочно – текст самого описания.

longdesc был разработан для использования программами чтения с экрана для отображения информации об изображениях для пользователей компьютеров с проблемами доступности , таких как слепые или слабовидящие , и широко реализуется как веб-браузерами, так и программами чтения с экрана. ^{[ 56 ]} Некоторые разработчики возражают, что ^{[ 57 ]} на самом деле он редко используется для этой цели, поскольку сравнительно мало авторов используют этот атрибут, и большинство из этих авторов используют его неправильно; таким образом, они рекомендуют отказаться от longdesc. ^{[ 58 ]} Издательская индустрия отреагировала, выступая за сохранение longdesc. ^{[ 59 ]}

Пример

<img src="Hello.jpg" longdesc="description.html">

Содержание description.html:

<br />
<p>This is an image of a two-layered birthday cake.</p>
...

Ссылка на подробное описание в тексте

Поскольку очень немногие графические браузеры поддерживают создание ссылки в исходном виде (исключением являются Opera и iCab), полезно включить ссылку на страницу описания рядом с <img /> по возможности, так как это также может помочь зрячим пользователям.

Пример

<img src="Hello.jpg" longdesc="description.html" /> [<a href=
"description.html" title="long description of the image">D</a>]

Исторические элементы

Следующие элементы были частью раннего HTML, разработанного Тимом Бернерсом-Ли с 1989 по 1991 год; они упоминаются в тегах HTML , но устарели в HTML 2.0 и никогда не были частью стандартов HTML.

<listing>...</listing> (deprecated): Этот элемент отображал текст внутри тегов моноширинным шрифтом без интерпретации HTML. Спецификация HTML 2.0 рекомендовала отображать элемент длиной до 132 символов в строке.; Устарело в HTML 3.2 ; устарело в HTML5 . ^{[ 60 ]}
<plaintext> (deprecated): <plaintext> не имеет закрывающего тега, поскольку он завершает разметку и заставляет остальную часть документа анализироваться, как если бы это был обычный текст .; <plaintext> существовал в HTML-тегах ; устарело в HTML 2.0 ; недопустимо в HTML 4.0 .
<xmp>...</xmp> (deprecated): Этот элемент отображал текст внутри тегов моноширинным шрифтом без интерпретации HTML. Спецификация HTML 2.0 рекомендовала отображать элемент по 80 символов в строке.; Устарело в HTML 3.2 ; устарело в HTML5 . ^{[ 61 ]}
<nextid> (deprecated): Этот элемент позволил инструменту веб-дизайна NeXT автоматически генерировать метки NAME для своих якорей и сам был сгенерирован автоматически. ^{[ 60 ]}; <nextid> существовал в тегах HTML (описан как устаревший); устарело в HTML 2.0 ; недействителен в HTML 3.2 и более поздних версиях.

Нестандартные элементы

Это новая Arc.Ask3.Ru!

Пример текста выделения из первого редактирования Википедии (выполнено с помощью CSS; сам тег <marquee> устарел и больше не работает в большинстве браузеров)

Уууу

Пример мигающего текста (реализуется с помощью CSS; сам тег <blink> устарел и больше не работает в большинстве браузеров) со ссылкой на страницу. Не путать с UwU : эта страница содержит самые ранние сохранившиеся изменения в английской Википедии.

В этом разделе перечислены некоторые широко используемые устаревшие элементы, что означает, что они не используются в допустимом коде. Они могут поддерживаться не всеми пользовательскими агентами.

<blink>...</blink> (deprecated): Основная статья: Элемент Blink
Заставляет текст мигать. Введен в имитацию escape-кодов ANSI . Можно сделать с помощью CSS, если это поддерживается: {text-decoration: blink} (Этот эффект может иметь негативные последствия для людей со светочувствительной эпилепсией ; ^{[ 62 ]} его использование в общедоступном Интернете должно соответствовать соответствующим правилам.); <blink> возник в Netscape Navigator и в основном известен его потомками, включая Firefox ; устарел или недействителен в HTML 2.0 и более поздних версиях. Заменяющий тег CSS, хотя и является стандартным, не требуется поддерживать.
<layer>...</layer> (deprecated): Основная статья: Элемент слоя
Создает слой с абсолютным позиционированием и рамкой. Вместо этого можно использовать фреймы и/или CSS. Существуют атрибуты, включая ID , LEFT , TOP , PAGEX , PAGEY , SRC , Z-INDEX , ABOVE , WIDTH , HEIGHT , BELOW , CLIP , VISIBILITY и CLIP .; <layer> возник в Netscape 4 ; устарел или недействителен в HTML 4.01 и более поздних версиях.
<marquee>...</marquee> (deprecated): Основная статья: Элемент выделения
Создает прокручиваемый текст. Вместо этого можно использовать сценарии. (Этот эффект может иметь негативные последствия для людей со светочувствительной эпилепсией ; ^{[ 62 ]} его использование в общедоступном Интернете должно соответствовать соответствующим правилам.) Существует три варианта, включая «Альтернативный» , «Прокрутка» и «Скольжение» . задержку прокрутки . Также можно добавить; <marquee> возник в Microsoft Internet Explorer ; устарел или недействителен в HTML 4.01 и более поздних версиях.
<nobr>...</nobr> (deprecated): Заставляет текст не разрываться в конце строки, предотвращая перенос слов, когда текст превышает ширину охватывающего объекта. Соседний текст может разрываться до и после него. Можно сделать с помощью CSS: {white-space: nowrap;}; <nobr> является запатентованным элементом, который распознается большинством браузеров по соображениям совместимости; устарел или недействителен в HTML 2.0 и более поздних версиях.
<noembed>...</noembed> (deprecated): Указывает альтернативный контент, если встраивание невозможно отобразить. Заменено содержанием <embed> или <object> элемент.

В отличие от большинства тегов HTML, комментарии не вложены. В более общем смысле, есть некоторые строки, которые не могут появляться в тексте комментария. Это (это завершает комментарий, поэтому он тривиально следует, что он не может появляться внутри него) и --!>. Кроме того, строки > и -> не может появляться в начале комментария и <!- не может появиться в конце. ^{[ 63 ]}

В результате разметка Xend--> имеет неправильную форму и приведет к комментарию Xbegin после этого, а иногда и просто Ксенд --> , в зависимости от браузера.

Комментарии могут появляться где угодно в документе, поскольку анализатор HTML должен игнорировать их независимо от того, где они появляются, если они не находятся внутри других структур тегов HTML (т. е. их нельзя использовать рядом с атрибутами и значениями; это недопустимая разметка). : <span id="x1" style="...">).

Комментарии могут появляться даже перед объявлением типа документа; никаким другим тегам это не разрешено.

Однако не все браузеры и редакторы HTML полностью совместимы с синтаксической структурой HTML и могут совершать непредсказуемые действия при некоторых синтаксических условиях. Неправильная обработка комментариев затрагивает только около 5% всех используемых браузеров и HTML-редакторов, и даже тогда проблемы с неправильной обработкой комментариев затрагивают только определенные версии (на долю Internet Explorer 6 приходится большая часть этого высокого процента).

Есть несколько особенностей совместимости, связанных с комментариями:

Размещение комментариев (или любых символов, кроме пробелов) перед doctype приведет к тому, что Internet Explorer 6 будет использовать режим совместимости для HTML-страницы. Ни один из doctype информация будет обработана.
Для совместимости с некоторыми браузерами, выпущенными до 1995 года, содержимое <style> и <script> элементы по-прежнему иногда окружены разделителями комментариев, а браузеры с поддержкой CSS и сценариев написаны таким образом, чтобы специально игнорировать эту разметку комментариев, поскольку они на самом деле не являются комментариями. Это означает, что попытки фактически закомментировать разметку CSS и скрипта путем изменения элементов внутри комментария не распознаются, например <-- [script]...[/script] -->.
HTML- редактор BlueGriffon в версиях 1.7. x , делает комментарии, которые не встроены в структуру синтаксиса; <style> ... {comment tags} ...</style> появится на экране. Другие HTML-редакторы могут иметь тот же дефект.

См. также

Примечания

^ HTML 4.01 — один из небольшого числа известных HTML DTD. Здесь он выбран как лучший иллюстративный пример, хотя то же самое поведение применимо и к другим DTD для HTML, опубликованным W3C.
^ Макроподобная функция DTD по-прежнему может использоваться в XML.
^ Одно небольшое отличие состоит в том, что XML, даже после интерфейса DOM, чувствителен к регистру. ^{[ 5 ]}
^ Однако см. <object> за неизбежное исключение.
^ Строго IRI , а не URL-адрес; хотя URL-адреса являются подмножеством IRI.

Ссылки

^ Перейти обратно: ^а ^б «§3 О SGML и HTML» . Спецификация HTML 4.01 . W3C . 24 декабря 1999 г. §3.2.1 Элементы.
^ «§3 О SGML и HTML» . Спецификация HTML 4.01 . W3C . 24 декабря 1999 г. §3.1 Введение в SGML.
^ «HTML 4.01, §21, Определение типа документа» . W3C . 24 декабря 1999 г.
^ Перейти обратно: ^а ^б ^с ^д ^и «Стандарт HTML § Дополнительные теги» . ЧТОРГ . Проверено 22 марта 2019 г.
^ «§1. Объектная модель документа HTML» . Спецификация HTML уровня 2 объектной модели документа (DOM) . W3C . 9 января 2003 г. §1.3. XHTML и HTML DOM.
^ Перейти обратно: ^а ^б «§7 Глобальная структура HTML-документа» . Спецификация HTML 4.01 . W3C . 24 декабря 1999 г. §7.5.3 Блочные и строчные элементы.
^ Марк Ньюхаус (27 сентября 2002 г.). «CSS-дизайн: укрощение списков» . Список врозь .
^ XHTML 1.0 §4.2
^ XML 1.0 (Возможность создавать дополнительные элементы является частью расширяемости в аббревиатуре.)
^ XML 1.0 §5.1
^ ЧТО ВГЛС . § 15
^ XHTML 1.1 §A
^ «HTML и CSS» . W3C . 2013.
^ «Приложение D. Таблица стилей по умолчанию для HTML 4» . Спецификация каскадных таблиц стилей уровня 2, редакция 1 (CSS 2.1) . W3C . 7 июня 2011 г.
^ HTML 4.01 §14.1
^ Феррайоло, Дж.; Фудзисава, Дж.; Джексон, Д., ред. (14 января 2003 г.). «§2.3 Варианты использования SVG на веб-страницах» . Масштабируемая векторная графика (SVG) 1.1. Спецификация . W3C . Проверено 25 марта 2009 г.
^ HTML 4.01 §12.3
^ HTML 4.01 §14.3.2
^ HTML 4.01 §18
^ CSS §1.1
^ «4.4 Группировка контента – HTML5» . HTML5: словарь и связанные API для HTML и XHTML — Рекомендация W3C . Консорциум Всемирной паутины . 28 октября 2014 г. §4.4.8 Элемент dl . Проверено 16 августа 2015 г.
^ «Списки в HTML-документах» . Спецификация HTML 4.01 — Рекомендация W3C . Консорциум Всемирной паутины. 24 декабря 1999 г. §10.3 Списки определений: элементы DL, DT и DD . Проверено 2 мая 2015 г.
^ «HTML5: словарь и связанные API для HTML и XHTML, рабочий проект W3C» . W3C . 5 апреля 2011 года . .
^ HTML 4.01 , W3C , получено 26 марта 2012 г.
^ Титтель, Эд; Бурмейстер, Мэри К. (2005). HTML 4 для чайников (5-е изд.). Хобокен, Нью-Джерси: Уайли. п. 96. ИСБН 978-0-7645-8917-1 . Проверено 7 августа 2022 г.
^ «ServerWriter -- /Provider» . W3C .
^ «HTML 5.2» . W3C .
^ Тег аббревиатуры , аббревиатура.
^ 4.6 Семантика на уровне текста — элемент b , Developers.whatwg.org , получено 26 марта 2012 г.
^ 4.6 Семантика на уровне текста — элемент i , Developers.whatwg.org , получено 26 марта 2012 г.
^ 4.6 Семантика на уровне текста — элемент u , Developers.whatwg.org , получено 26 марта 2012 г.
^ 4.6 Семантика на уровне текста. Маленький элемент , Developers.whatwg.org , получено 26 марта 2012 г.
^ 4.6 Семантика на уровне текста — элемент s , Developers.whatwg.org , получено 26 марта 2012 г.
^ Перейти обратно: ^а ^б 11 устаревших функций — HTML5 , W3C , получено 26 марта 2012 г.
^ «Спецификация HTML5 завершена, споры по поводу спецификаций продолжаются» . Арс Техника. 29 октября 2014 года . Проверено 29 октября 2014 г.
^ «9.2.1 Элементы фразы: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR и ACRONYM» . Спецификация HTML 4.01 . W3C . 24 декабря 1999 года . Проверено 26 июля 2018 г.
^ HTML 5.2 Рекомендации W3C , в «§4.5.6. Элемент cite» .
^ Уровень жизни HTML , в «§4.5.6 Элемент cite» .
^ "<данные>" . Веб-документы MDN .
^ «HTML-тег <rb>» . www.quackit.com .
^ «<rp>: элемент Ruby Fallback Round» . Веб-документы MDN .
^ «<rt>: элемент Ruby Text» . Веб-документы MDN .
^ «<rtc>: элемент текстового контейнера Ruby» . Веб-документы MDN .
^ "<рубин>" . Веб-документы MDN .
^ "<шаблон>" . Веб-документы MDN .
^ «<время>» . Веб-документы MDN .
^ "<wbr>" . Веб-документы MDN .
↑ Дженнифер Кирнин. Архивировано 2 ноября 2012 г. в Wayback Machine. <embed>
^ W3Schools о <embed>
^ Текст атрибута alt нельзя стилизовать с помощью разметки; в результате были разработаны другие методы альтернативного представления текста, такие как замена изображения Фарнера , для ситуаций, когда программист желает, чтобы стилизованный текст отображался, если изображения отключены в браузере пользователя.
^ «Что нового в Internet Explorer 8 — специальные возможности и ARIA» . MSDN . Майкрософт . Проверено 22 июля 2009 г.
^ Ошибка 5566 — значение атрибута ALT иногда не отображается при отсутствии изображения , Bugs.webkit.org , получено 26 марта 2012 г.
^ WWW-Talk, январь-март 1993 г.: предложен новый тег: IMG , 1997.webhistory.org , получено 26 марта 2012 г.
^ «Доступны ли фреймы?» . ...фреймы действительно создают дополнительные проблемы с удобством использования, уникальные для пользователей с ограниченными возможностями, особенно для тех, кто использует программы чтения с экрана.
^ «Объекты, изображения и апплеты» . W3C . Проверено 20 декабря 2008 г.
^ «Инстейт Лонгдеск» . Проверено 5 сентября 2011 г.
^ «Создание доступных изображений» . ВебАим . Проверено 20 декабря 2008 г.
^ Использование Longdesc — WHATWG Wiki , Wiki.whatwg.org , получено 26 марта 2012 г.
^ «Ошибка 13461 — комментарий к выпуску № 30 (длинный номер) от Ассоциации американских издателей» . Проверено 5 сентября 2011 г.
^ Перейти обратно: ^а ^б «Устарело – несоответствующие функции» . HTML Уровень жизни . ЧТОРГ . 22 июля 2022 г. Проверено 7 августа 2022 г.
^ "<xmp>" . Веб-документы MDN . 24 февраля 2023 г.
^ Перейти обратно: ^а ^б Чисхолм, Венди; Вандерхайден, Грегг; Джейкобс, Ян (5 мая 1999 г.). «Руководство по обеспечению доступности веб-контента 1.0» . Консорциум Всемирной паутины . Проверено 20 июля 2010 г.
^ «стандарт HTML» . html.spec.whatwg.org .

Библиография

стандарты HTML

HTML 2.0:: Бернерс-Ли, Тим ; Коннолли, Дэн (ноябрь 1995 г.). Язык разметки гипертекста — 2.0 (RFC 1866) . IETF . дои : 10.17487/RFC1866 . РФК 1866 . Проверено 24 марта 2009 г.
HTML 3.2:: Рэггетт, Дэйв (14 января 1997 г.). «Справочная спецификация HTML 3.2» . W3C . Проверено 27 марта 2009 г.
HTML 4.01:: Рэггетт, Дэйв ; Ле Хорс, Арно; Джейкобс, Ян (24 декабря 1999 г.). «Спецификация HTML 4.01» . W3C . Проверено 24 марта 2009 г. (HTML 4.01 заменил версию 4.0 (1998 г.), которая никогда не получила широкого распространения, и все более ранние версии. В свою очередь, 27 марта 2018 г. заменен HTML 5.2 ).
XHTML 1.0:: «XHTML 1.0: расширяемый язык разметки гипертекста (второе издание)» . Пересмотренная версия. W3C . 01 августа 2002 г. [2000] . Проверено 24 марта 2009 г.
XHTML 1.1:: Альтхайм, Мюррей; Маккаррон, Шейн; Исикава, Масаясу, ред. (23 ноября 2010 г.) [2001]. «XHTML 1.1 — XHTML на основе модулей — второе издание» . Пересмотренная версия. W3C . Проверено 26 июля 2018 г. (Заменено 27 марта 2018 г. на HTML 5.2.); Остин, Дэниел; Перувемба, Субраманиан; Маккаррон, Шейн; Исикава, Масаясу; Бирбек, Марк; Альтхайм, Мюррей; Бамфри, Фрэнк; Дули, Сэм; Шнитценбаумер, Себастьян; Вугофски, Тед, ред. (29 июля 2010 г.) [2006]. «Модуляризация XHTML 1.1 — второе издание» . Пересмотренная версия. W3C . Проверено 26 июля 2018 г. (Более подробная версия вышеизложенного. Также заменена 27 марта 2018 г. на HTML 5.2 .)
W3C HTML 5.2:: Фолкнер, Стив; Эйхольц, Аррон; Лейтхед, Трэвис; Данило, Алекс; Мун, Санван; Дойл Навара, Эрика; О'Коннор, Тереза; Бержон, Робин, ред. (2017-12-14) [2016]. «Рекомендация W3C HTML 5.2» . Пересмотренная версия. W3C . Проверено 26 июля 2018 г. Заменяет все предыдущие версии HTML и XHTML, включая HTML 5.1 .
WHATWG HTML5 Уровень жизни:: Хиксон, Ян , изд. (25 июля 2018 г.). «HTML-уровень жизни» . Одностраничная версия. ЧТОРГ . Проверено 26 июля 2018 г. Также доступна многостраничная версия и версия для разработчиков (также многостраничная, с функцией поиска и другими гаджетами, без подробностей, представляющих интерес только для производителей браузеров).

Другие источники

HTML-теги:: Бернерс-Ли, Тим (3 ноября 1992 г.). «HTML-теги» . Проверено 28 марта 2009 г. (Часть первого опубликованного описания HTML.)
HTML Интернет-проект 1.2:: Бернерс-Ли, Тим ; Коннолли, Дэн (июнь 1993 г.). «Язык гипертекстовой разметки (HTML)» . Проверено 28 марта 2009 г.
Черновики HTML 3.0:: Рэггетт, Дэйв (24 марта 1995 г.). «Спецификация языка гипертекстовой разметки версии 3.0 (проект)» . Проверено 18 апреля 2009 г. (Это окончательный вариант HTML 3.0, срок действия которого истек, так и не получив дальнейшего развития.)
HTML-таблицы:: Рэггетт, Дэйв (май 1996 г.). HTML-таблицы (RFC 1942) . IETF . дои : 10.17487/RFC1942 . РФК 1942 . Проверено 22 марта 2009 г.
XML 1.0:: Брэй, Тим ; Паоли, Жан ; Сперберг-МакКуин, К. Майкл ; Малер, Ева; Жержо, Франсуа, ред. (26 ноября 2008 г.). «Расширяемый язык разметки (XML) 1.0 (пятое издание)» . W3C . Проверено 20 марта 2009 г.
CSS 1:: Ложь, Хокон Виум ; Бос, Берт (11 апреля 2008 г.) [1996]. «Каскадные таблицы стилей, уровень 1» . Пересмотренная версия. W3C . Проверено 26 июля 2018 г.
CSS 2.1:: Бос, Берт ; Челик, Тантек ; Хиксон, Ян ; Ложь, Хокон Виум (12 апреля 2016 г.) [2011]. «Спецификация каскадных таблиц стилей уровня 2, редакция 1 (CSS 2.1)» . Пересмотренная версия. W3C . Проверено 26 июля 2018 г.
CSS 3 и 4:: Аткинс, Таб младший; Этернад, Элика Дж.; Ривоаль, Флориан (31 января 2017 г.). «Снимок CSS 2017» . W3C . §2. Каскадные таблицы стилей (CSS) – официальное определение . Проверено 26 июля 2018 г. (Список активных спецификаций, пришедших на смену CSS 2.1, на дату публикации.); «Текущий статус CSS» . W3C . 2018 . Проверено 26 июля 2018 г. (Уровни CSS 3 и 4 разрабатываются как независимые модули, проиндексированные на этой странице.)

Внешние ссылки

HTML 4.01 (24 декабря 1999 г.): элементы и атрибуты.
HTML5 (28 октября 2014 г.): элементы и атрибуты

[4] HTML 4.01 — один из небольшого числа известных HTML DTD. Здесь он выбран как лучший иллюстративный пример, хотя то же самое поведение применимо и к другим DTD для HTML, опубликованным W3C.

[6] Макроподобная функция DTD по-прежнему может использоваться в XML.

[8] Одно небольшое отличие состоит в том, что XML, даже после интерфейса DOM, чувствителен к регистру. ^{[ 5 ]}

[10] Однако см. <object> за неизбежное исключение.

[59] Строго IRI , а не URL-адрес; хотя URL-адреса являются подмножеством IRI.

[HTML401_Elements-1] Перейти обратно: ^а ^б «§3 О SGML и HTML» . Спецификация HTML 4.01 . W3C . 24 декабря 1999 г. §3.2.1 Элементы.

[2] «§3 О SGML и HTML» . Спецификация HTML 4.01 . W3C . 24 декабря 1999 г. §3.1 Введение в SGML.

[W3C,_HTML_401_DTD-3] «HTML 4.01, §21, Определение типа документа» . W3C . 24 декабря 1999 г.

[whatwg-syntax-tag-omission-5] Перейти обратно: ^а ^б ^с ^д ^и «Стандарт HTML § Дополнительные теги» . ЧТОРГ . Проверено 22 марта 2019 г.

[7] «§1. Объектная модель документа HTML» . Спецификация HTML уровня 2 объектной модели документа (DOM) . W3C . 9 января 2003 г. §1.3. XHTML и HTML DOM.

[W3C,_HTML_4.01,_block_and_inline-9] Перейти обратно: ^а ^б «§7 Глобальная структура HTML-документа» . Спецификация HTML 4.01 . W3C . 24 декабря 1999 г. §7.5.3 Блочные и строчные элементы.

[11] Марк Ньюхаус (27 сентября 2002 г.). «CSS-дизайн: укрощение списков» . Список врозь .

[XHTML10-42-12] XHTML 1.0 §4.2

[13] XML 1.0 (Возможность создавать дополнительные элементы является частью расширяемости в аббревиатуре.)

[XML10-51-14] XML 1.0 §5.1

[15] ЧТО ВГЛС . § 15

[XHTML11-16] XHTML 1.1 §A

[17] «HTML и CSS» . W3C . 2013.

[18] «Приложение D. Таблица стилей по умолчанию для HTML 4» . Спецификация каскадных таблиц стилей уровня 2, редакция 1 (CSS 2.1) . W3C . 7 июня 2011 г.

[HTML401-141-19] HTML 4.01 §14.1

[SVG11-23-20] Феррайоло, Дж.; Фудзисава, Дж.; Джексон, Д., ред. (14 января 2003 г.). «§2.3 Варианты использования SVG на веб-страницах» . Масштабируемая векторная графика (SVG) 1.1. Спецификация . W3C . Проверено 25 марта 2009 г.

[21] HTML 4.01 §12.3

[22] HTML 4.01 §14.3.2

[23] HTML 4.01 §18

[24] CSS §1.1

[W3C-5-DL-25] «4.4 Группировка контента – HTML5» . HTML5: словарь и связанные API для HTML и XHTML — Рекомендация W3C . Консорциум Всемирной паутины . 28 октября 2014 г. §4.4.8 Элемент dl . Проверено 16 августа 2015 г.

[26] «Списки в HTML-документах» . Спецификация HTML 4.01 — Рекомендация W3C . Консорциум Всемирной паутины. 24 декабря 1999 г. §10.3 Списки определений: элементы DL, DT и DD . Проверено 2 мая 2015 г.

[27] «HTML5: словарь и связанные API для HTML и XHTML, рабочий проект W3C» . W3C . 5 апреля 2011 года . .

[28] HTML 4.01 , W3C , получено 26 марта 2012 г.

[29] Титтель, Эд; Бурмейстер, Мэри К. (2005). HTML 4 для чайников (5-е изд.). Хобокен, Нью-Джерси: Уайли. п. 96. ИСБН 978-0-7645-8917-1 . Проверено 7 августа 2022 г.

[30] «ServerWriter -- /Provider» . W3C .

[31] «HTML 5.2» . W3C .

[32] Тег аббревиатуры , аббревиатура.

[html5-b-element-33] 4.6 Семантика на уровне текста — элемент b , Developers.whatwg.org , получено 26 марта 2012 г.

[html5-i-element-34] 4.6 Семантика на уровне текста — элемент i , Developers.whatwg.org , получено 26 марта 2012 г.

[html5-u-element-35] 4.6 Семантика на уровне текста — элемент u , Developers.whatwg.org , получено 26 марта 2012 г.

[html5-small-element-36] 4.6 Семантика на уровне текста. Маленький элемент , Developers.whatwg.org , получено 26 марта 2012 г.

[html5-s-element-37] 4.6 Семантика на уровне текста — элемент s , Developers.whatwg.org , получено 26 марта 2012 г.

[html5-tt-not-supported-38] Перейти обратно: ^а ^б 11 устаревших функций — HTML5 , W3C , получено 26 марта 2012 г.

[finalars-39] «Спецификация HTML5 завершена, споры по поводу спецификаций продолжаются» . Арс Техника. 29 октября 2014 года . Проверено 29 октября 2014 г.

[40] «9.2.1 Элементы фразы: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR и ACRONYM» . Спецификация HTML 4.01 . W3C . 24 декабря 1999 года . Проверено 26 июля 2018 г.

[41] HTML 5.2 Рекомендации W3C , в «§4.5.6. Элемент cite» .

[42] Уровень жизни HTML , в «§4.5.6 Элемент cite» .

[43] "<данные>" . Веб-документы MDN .

[44] «HTML-тег <rb>» . www.quackit.com .

[45] «<rp>: элемент Ruby Fallback Round» . Веб-документы MDN .

[46] «<rt>: элемент Ruby Text» . Веб-документы MDN .

[47] «<rtc>: элемент текстового контейнера Ruby» . Веб-документы MDN .

[48] "<рубин>" . Веб-документы MDN .

[49] "<шаблон>" . Веб-документы MDN .

[50] «<время>» . Веб-документы MDN .

[51] "<wbr>" . Веб-документы MDN .

[52] Дженнифер Кирнин. Архивировано 2 ноября 2012 г. в Wayback Machine. <embed>

[53] W3Schools о <embed>

[54] Текст атрибута alt нельзя стилизовать с помощью разметки; в результате были разработаны другие методы альтернативного представления текста, такие как замена изображения Фарнера , для ситуаций, когда программист желает, чтобы стилизованный текст отображался, если изображения отключены в браузере пользователя.

[55] «Что нового в Internet Explorer 8 — специальные возможности и ARIA» . MSDN . Майкрософт . Проверено 22 июля 2009 г.

[56] Ошибка 5566 — значение атрибута ALT иногда не отображается при отсутствии изображения , Bugs.webkit.org , получено 26 марта 2012 г.

[57] WWW-Talk, январь-март 1993 г.: предложен новый тег: IMG , 1997.webhistory.org , получено 26 марта 2012 г.

[58] «Доступны ли фреймы?» . ...фреймы действительно создают дополнительные проблемы с удобством использования, уникальные для пользователей с ограниченными возможностями, особенно для тех, кто использует программы чтения с экрана.

[60] «Объекты, изображения и апплеты» . W3C . Проверено 20 декабря 2008 г.

[61] «Инстейт Лонгдеск» . Проверено 5 сентября 2011 г.

[62] «Создание доступных изображений» . ВебАим . Проверено 20 декабря 2008 г.

[63] Использование Longdesc — WHATWG Wiki , Wiki.whatwg.org , получено 26 марта 2012 г.

[64] «Ошибка 13461 — комментарий к выпуску № 30 (длинный номер) от Ассоциации американских издателей» . Проверено 5 сентября 2011 г.

[WHATWG-deprecated-65] Перейти обратно: ^а ^б «Устарело – несоответствующие функции» . HTML Уровень жизни . ЧТОРГ . 22 июля 2022 г. Проверено 7 августа 2022 г.

[66] "<xmp>" . Веб-документы MDN . 24 февраля 2023 г.

[WCAG-67] Перейти обратно: ^а ^б Чисхолм, Венди; Вандерхайден, Грегг; Джейкобс, Ян (5 мая 1999 г.). «Руководство по обеспечению доступности веб-контента 1.0» . Консорциум Всемирной паутины . Проверено 20 июля 2010 г.

[68] «стандарт HTML» . html.spec.whatwg.org .

[ 1 ]

[ 2 ]

[ 3 ]

[ примечание 1 ]

[ 4 ]

[ примечание 2 ]

[ примечание 3 ]

[ 6 ]

[ примечание 4 ]

[ 7 ]

[ 8 ]

[ 9 ]

[ 10 ]

[ 11 ]

[ 12 ]

[ 13 ]

[ 14 ]

[ 15 ]

[ 16 ]

[ 17 ]

[ 18 ]

[ 19 ]

[ 20 ]

[ 21 ]

[ 22 ]

[ 23 ]

[ 24 ]

[ 25 ]

[ 26 ]

[ 27 ]

[ 28 ]

[ 29 ]

[ 30 ]

[ 31 ]

[ 32 ]

[ 33 ]

[ 34 ]

[ 35 ]

[ 36 ]

[ 37 ]

[ 38 ]

[ 39 ]

[ 40 ]

[ 41 ]

[ 42 ]

[ 43 ]

[ 44 ]

[ 45 ]

[ 46 ]

[ 47 ]

[ 48 ]

[ 49 ]

[ 50 ]

[ 51 ]

[ 52 ]

[ 53 ]

[ 54 ]

[ примечание 5 ]

[ 55 ]

[ 56 ]

[ 57 ]

[ 58 ]

[ 59 ]

[ 60 ]

[ 61 ]

[ 62 ]

[ 63 ]

[ 5 ]

Концепции

Элементы против тегов

SGML против XML

%block; против коробки

Обзор

Синтаксис

Типы элемента

Атрибуты

Стандарты элементов

Статус элемента

Контент против представления и поведения

Элементы структуры документа

Элементы заголовка документа

Элементы тела документа

Блочные элементы

Основной текст

Списки

Другие элементы блока

Встроенные элементы

Якорь

Элементы фразы

Общий

Элементы компьютерной фразы

Презентация

Охватывать

Другие встроенные элементы

Изображения и объекты

Формы

Таблицы

Рамки

longdesc атрибут

Пример

Ссылка на подробное описание в тексте

Пример

Исторические элементы

Нестандартные элементы

Комментарии

См. также

Примечания

Ссылки

Библиография

стандарты HTML

Другие источники

Внешние ссылки

`%block;` против коробки

`longdesc` атрибут