HTML-элемент

HTML
Динамический HTML HTML5 аудио холст видео XHTML Базовый Мобильный профиль C-HTML HTML-элемент промежуток и div Атрибут HTML HTML-фрейм Редактор HTML Кодировки символов Юникод Код языка Объектная модель документа Объектная модель браузера Таблицы стилей CSS Семейство шрифтов Веб-цвета JavaScript WebGL WebCL W3C Валидатор WHATWG Режим причуд веб-хранилище Механизм рендеринга
Сравнения
Языки разметки документов Поддержка HTML XHTML 1.1

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

Концепции [ править ]

Документ против DOM [ править ]

Документы HTML доставляются как «документы». ^{[примечание 1]} Затем они анализируются , что превращает их во внутреннее представление объектной модели документа (DOM) в веб-браузере. ^{[примечание 2]}^{[примечание 3]} Затем представление веб-браузером (например, рендеринг экрана или доступ с помощью JavaScript) выполняется в этой внутренней модели DOM, а не в исходном документе.

Ранние HTML-документы (и, в меньшей степени, сегодняшние HTML-документы) были в значительной степени недопустимым HTML и изобиловали синтаксическими ошибками . Процесс синтаксического анализа также требовался, чтобы «исправить» эти ошибки, насколько это было возможно. Результат часто был неверным (т. Е. Он не отражал того, что изначально задумал небрежный кодировщик), но был, по крайней мере, действительным согласно стандарту HTML. Только в самых редких случаях парсер вообще отказывался от синтаксического анализа.

Элементы против тегов [ править ]

Как обычно понимается, позиция элемента указывается как охватывающая начальный тег, возможно включающая некоторый дочерний контент, и заканчивается конечным тегом. ^[3] Это относится ко многим, но не ко всем элементам в документе HTML. Это различие явно подчеркнуто в Спецификации HTML 4.01 :

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

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

SGML против XML [ править ]

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

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

`%block;`против коробки [ править ]

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

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

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

Обзор [ править ]

Синтаксис [ править ]

\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 > В синтаксисе HTML большинство элементов написано ... </ p >

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

< Р > П. Шерман < бр > 42 Wallaby Way < бр > Сидней </ P >

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

< Р > П. Шерман < бр  /> 42 Wallaby Way < бр  /> Сидней </ P >

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

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

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

Пустые элементы (также иногда называемые пустыми элементами, отдельными элементами или автономными элементами) имеют только начальный тег (в форме), который содержит любые атрибуты HTML . Они не могут содержать дочерних элементов, таких как текст или другие элементы. Для совместимости с XHTML спецификация HTML допускает необязательный пробел и косую черту (допустимо). Пробел и косая черта требуются в XHTML и другихприложениях XML . Два общих элемента void - это(для жесткого переноса строки , например, в стихотворении или адресе) и(для тематического разрыва). Другие такие элементы часто являются заполнителями, которые ссылаются на внешние файлы, такие как изображение (<tag><tag /><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 ;<tag>
некоторое количество текстового содержимого , но без элементов (все теги, кроме применимого конечного тега, будут интерпретироваться как содержимое);
закрывающий тег , в котором имя элемента приставки с косой чертой: . В некоторых версиях HTML конечный тег для некоторых элементов необязателен. Конечный тег обязателен в XHTML .</tag>

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

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

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

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

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

< Входной  тип = флажок  проверил >

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

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

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

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

Стандарты элементов [ править ]

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

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

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

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

Статус элемента [ править ]

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

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

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

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

Первый стандарт ( 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 .) ^[14]

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

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

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

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

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

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

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

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

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

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

Элементы структуры документа [ править ]

<html>...</html>

Корневой элемент из HTML - документа; все остальные элементы содержатся в этом.

Элемент HTML разделяет начало и конец документа HTML.

И начальный, и конечный теги могут быть опущены (HTML5). ^[6]

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

<head>...</head>

Контейнер для обработки информации и метаданных HTML-документа.

И начальный, и конечный теги могут быть опущены и выведены из дочерних элементов (HTML5). ^[6]

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

(См. Элементы заголовка документа для дочерних элементов.)

<body>...</body>

Контейнер для отображаемого содержимого HTML-документа.

И начальный, и конечный теги могут быть опущены и выведены из дочерних элементов (HTML5). ^[6]

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

(См. Элементы тела документа для дочерних элементов.)

Элементы заголовка документа [ править ]

<base />

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

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

<basefont /> (deprecated)

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

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

<isindex /> (deprecated)

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

<link />

Задает ссылки на другие документы, такие как предыдущие и следующие ссылки или альтернативные версии. ^[19] Обычно используется для ссылки на внешние таблицы стилей , используя форму:

<link rel="stylesheet" type="text/css" href="url" title="description_of_style">^[20]

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

<link rel="next" href="url">

<head>Элемент документа может содержать любое количество <link />элементов. У этого элемента есть атрибуты HTML , но нет содержимого.

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

<meta />

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

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

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

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

<object>...</object>

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

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

<script>...</script>

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

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

<style>...</style>

Задает стиль документа, обычно в форме:

<style type="text/css"> ... </style>

Может выступать в качестве контейнера для инструкций по стилю или ссылаться на внешние таблицы стилей - например, в CSS , с @importдирективами формы:

<style> @import url; </style>^[22]

Стандартизирован в 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. Иногда их вместе называют тегами, n означает любой из доступных уровней заголовков.hn

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

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

Списки [ править ]

<dl>...</dl>

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

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

<dt>...</dt>

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

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

<dd>...</dd>

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

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

<ol>...</ol>

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

Стиль	Значение HTML	Значение CSS
А, Б, В ...	`A`	`upper-alpha`
а, б, в ...	`a`	`lower-alpha`
I, II, III ...	`I`	`upper-roman`
я, II, III ...	`i`	`lower-roman`
1, 2, 3 ...	`1`	`decimal`

CSS предоставляет несколько других параметров, недоступных в виде разметки чистого HTML, включая noneи параметры для CJK , иврита, грузинского и армянского алфавита.

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

<ul>...</ul>

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

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>

Блочный уровень котировка , когда котировка включает в себя элементы уровня блока, например , пункты. citeАтрибут (не следует путать с <cite>элементом) может дать источник, и должен быть полностью квалифицирован унифицированный идентификатор ресурса .

По умолчанию блочные цитаты в визуальных браузерах представляют собой отступы от обоих полей. Это привело к тому, что элемент без необходимости используется только для отступа абзацев, независимо от семантики. Для предложений, не содержащих элементов уровня блока, см. <q>Элемент quote ( ).

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>

Логическое разделение на уровне блоков. Общий элемент без семантического значения, используемый для различения раздела документа, обычно для таких целей, как представление или поведение, управляемое таблицами стилей или вызовами 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> (deprecated)

HTML 2.0: список меню. Должен быть более компактным, чем <ul>список.

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

<nav>...</nav>

Используется в навигационных разделах статей (областях веб-страниц, содержащих ссылки на другие веб-страницы).

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

<noscript>...</noscript>

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

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

<pre>...</pre>

Предварительно отформатированный текст. Текст в этом элементе обычно отображается непропорциональным шрифтом точно так, как он выложен в файле (см. ASCII art ). В то время как браузеры игнорируют пробелы для других элементов 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 ; все еще в силе.

Встроенные элементы [ править ]

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

Якорь [ править ]

<a>...</a>

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

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

С помощью атрибута href, ^[28] якорь становится гиперссылкой либо другой части документа или другого ресурса (например, веб - страницы) , используя внешний URL - адрес . В качестве альтернативы (а иногда и одновременно) с установленными атрибутамиname или id HTML элемент становится целью ссылки. Унифицированный указатель информационного ресурса (URL) , можно связать с этой целью через идентификатор фрагмента . В HTML5 любой элемент теперь можно превратить в цель с помощью idатрибута ^[29], поэтому в использовании нет необходимости, хотя этот способ добавления якорей продолжает работать.<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тег. ^[30]

<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: . Этот элемент обычно имеет такой же эффект в визуальных браузерах, а также имеет большее семантическое значение в HTML 4.01 .{ font-weight: bold; }<strong>

В HTML5 , однако, <b>есть свое собственное значение, отличное от значения <strong>. Он обозначает «текст, к которому привлекается внимание в утилитарных целях, без какой-либо дополнительной важности и без какого-либо изменения голоса или настроения». ^[31]

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

<i>...</i>

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

В HTML5 , однако, <i>есть собственное семантическое значение, отличное от <em>. Он обозначает «другое качество текста» или «альтернативный голос или настроение», например, мысль, название корабля, двоичное название вида , фразу на иностранном языке и т. Д. » ^[32]

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

<u>...</u>

В HTML 4 , подчеркнутый текст. Эквивалент CSS: . Не рекомендуется в HTML 4.01 . Восстановлен в HTML5 .{ text-decoration: underline; }

В HTML5 этот <u>элемент обозначает «отрезок текста с неартикулированной, хотя явно визуализированной, нетекстовой аннотацией, такой как маркировка текста как собственного имени в китайском тексте (знак китайского имени собственного) или маркировка текста как написано с ошибкой ". Спецификация HTML5 напоминает разработчикам, что другие элементы почти всегда более уместны, <u>и призывает дизайнеров не использовать подчеркнутый текст там, где его можно спутать с гиперссылкой. ^[33]

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>элемент обозначает «боковые комментарии, например мелкий шрифт». ^[34] Это вызвало некоторую путаницу с элементом.<aside>...</aside>

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

<s>...</s>

В HTML 4 обозначал ~~зачеркнутый~~ текст ( ~~Зачеркнутый~~ ) и был эквивалентом <strike>.

В HTML5 этот <s>элемент обозначает информацию, которая «больше не является точной или более не актуальной», и ее не следует путать с <del>указанием на удаление / удаление. ^[35]

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)

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

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

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

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

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

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

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

Span [ править ]

<span>...</span>

Встроенное логическое деление. Общий элемент без семантического значения, используемый для различения раздела документа, обычно для таких целей, как представление или поведение, управляемое таблицами стилей или вызовами 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 спецификации были смешения раздвоенный , ^[37] в том числе в отношении этого элемента. В HTML 4 и ранее использовалось <cite>для «цитирования или ссылки на другие источники» без каких-либо особых ограничений или требований. ^[38] Спецификация W3C HTML 5 использует уточнение этой идеи, отражая, как элемент исторически использовался, но теперь требует, чтобы он содержал (но не ограничивался) по крайней мере одно из «заголовка работы или имени автора (человека, людей или организации) или ссылки URL, или ссылки в сокращенной форме в соответствии с соглашениями, используемыми для добавления метаданных цитирования ". ^[39]Но спецификация WHATWG разрешает использовать элемент только вокруг названия работы. ^[40] Спецификации W3C начинались с более широкого определения, а затем перешли к очень узкому после того, как WHATWG внесла это изменение. Однако в 2012 году W3C отменил собственное изменение в ответ на негативные отзывы сообщества разработчиков; элемент широко использовался с более широкой сферой применения, например, различные платформы блогов и форумов заключают в себя идентификаторы комментаторов и адреса электронной почты <cite>...</cite>, а люди, использующие элемент для библиографических ссылок, обычно помещали (и продолжают) обертывать каждую цитату целиком. в этом элементе.

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

<data>...</data>

Связывает встроенный контент с машиночитаемым переводом.

Стандартизирован в HTML5 . ^[41]

<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 ; все еще в силе.

Примечание. Длинные встроенные цитаты могут отображаться в виде блоков с отступом (as block-quote) с использованием таблиц стилей. Например, с подходящим правилом CSS, связанным с q.lengthy:<q>Lengthy quote here.</q >

<rb>...</rb>

Представляет базовый компонент рубиновой аннотации .

Стандартизирован в HTML5 . ^[42]

<rp>...</rp>

Предоставляет резервные скобки для браузеров, не поддерживающих рубиновые аннотации .

Стандартизирован в HTML5 . ^[43]

<rt>...</rt>

Указывает произношение символа в рубиновой аннотации .

Стандартизирован в HTML5 . ^[44]

<rtc>...</rtc>

Семантические аннотации для рубиновой аннотации .

Стандартизирован в HTML5 . ^[45]

<ruby>...</ruby>

Представляет рубиновую аннотацию для отображения произношения восточноазиатских символов.

Стандартизирован в HTML5 . ^[46]

<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 .

<time>...</time>

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

Стандартизирован в HTML5 . ^[47]

<wbr />

Необязательный разрыв слова.

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

Изображения и объекты [ править ]

<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>

Добавляет на страницу воспроизводимое аудио в формате HTML5 . URL аудио определяется с помощью srcатрибута. Поддерживаемые аудиоформаты варьируются от браузера к браузеру.

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

<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 /> элемент был впервые предложен Марк Андреессена и реализован в NSCA 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>

Добавляет на страницу воспроизводимое видео HTML5 . 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 ; все еще в силе.

Типы ввода:

type = "checkbox"

Флажок . Может быть отмечен или не отмечен.

type = "радио"

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

type = "кнопка"

Универсальная кнопка. Этот элемент <button>является предпочтительным, если это возможно (т. Е. Если клиент поддерживает его), поскольку он предоставляет более широкие возможности.

type = "submit"

Представить кнопку.

type = "изображение"

Изображение кнопки . URL-адрес изображения может быть указан с помощью srcатрибута.

type = "сброс"

Кнопка сброса для сброса формы значения по умолчанию.

type = "текст"

Поле ввода текста из одной строки . sizeАтрибут определяет ширину по умолчанию ввода в символьных ширины. max-lengthустанавливает максимальное количество символов, которое может ввести пользователь (которое может быть больше размера).

type = "search"

Вариант textкоторого создает панель поиска.

type = "пароль"

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

type = "файл"

Выберите файл поле (для загрузки файлов на сервер).

type = "tel"

Вариант textдля телефонных номеров .

type = "электронная почта"

Вариант textдля адресов электронной почты .

type = "url"

Вариант textдля URL .

type = "date"

Селектор даты.

type = "время"

Селектор времени.

type = "число"

Вариант textдля номера.

type = "диапазон"

Создает ползунок, который возвращает число, но это число не отображается для пользователя.

type = "цвет"

Палитра цветов.

type = "скрытый"

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 и более поздних HTML-таблицах RFC 1942 . Они были вдохновлены табличной моделью CALS . Некоторые элементы этих предложений были включены в HTML 3.2; нынешняя форма таблиц HTML была стандартизирована в HTML 4. (Многие элементы, используемые в таблицах, не являются ни блочными, ни встроенными элементами).

<table>...</table>

Идентифицирует таблицу. В HTML Transitional возможно несколько атрибутов HTML, но большинство из них недопустимы в 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. Iframe также может хранить документы на разных серверах. В этом случае взаимодействие между окнами блокируется браузером. Такие сайты, как Facebook и Twitterиспользовать iframe для отображения контента (плагинов) на сторонних веб-сайтах. Google AdSense использует iframe для отображения баннеров на сторонних веб-сайтах.

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

<frameset>...</frameset> (deprecated)

Содержит набор <frame />элементов для документа. Расположение фреймов задается списками, разделенными запятыми, в атрибутахrows и cols HTML .

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

<frame /> (deprecated)

Определяет отдельный фрейм или область в пределах <frameset>. Отдельный документ связывается с фреймом с помощью srcатрибута внутри <frame />элемента.

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

<noframes>...</noframes> (deprecated)

Содержит обычный HTML-контент для пользовательских агентов, не поддерживающих <frame />элементы.

Стандартизировано в HTML 4.0 Переходное, в HTML5 устарело .

<iframe>...</iframe>

Встроенный фрейм помещает другой HTML-документ во фрейм. В отличие от <object />элемента, он <iframe>может быть «целевым» фреймом для ссылок, определенных другими элементами, и он может быть выбран пользовательским агентом в качестве фокуса для печати, просмотра его источника и т. Д.

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

Впервые представленный Microsoft Internet Explorer в 1997 году, стандартизован в HTML 4.0 Transitional, разрешен в HTML5.

`longdesc`атрибут [ править ]

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

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

Пример [ править ]

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

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

< Бр  /> < р > Это образ двухслойного торт ко дню рождения. </ p >...

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

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

Пример [ править ]

< IMG  SRC = "Hello.jpg"  longdesc = "description.html"  /> [ < HREF = "description.html" название = "длинное описание изображения" > D </ > ]

Исторические элементы [ править ]

Следующие элементы были частью раннего 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 для своих якорей и сам генерировался автоматически. ^[62]

<nextid />существовали в HTML-тегах (описаны как устаревшие); устарело в HTML 2.0 ; недействителен в HTML 3.2 и новее.

Нестандартные элементы [ править ]

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

<blink>...</blink> (deprecated)

Текст мигает. Введен в имитацию escape-кодов ANSI . Может быть выполнено с помощью CSS, если он поддерживается: (Этот эффект может иметь негативные последствия для людей, страдающих светочувствительной эпилепсией ; ^[63] его использование в общедоступном Интернете должно осуществляться в соответствии с соответствующими рекомендациями.){text-decoration: blink}

<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)

Создает прокручиваемый текст. Вместо этого можно сделать скрипт. (Этот эффект может иметь негативные последствия для людей, страдающих светочувствительной эпилепсией ; ^[63] его использование в общедоступном Интернете должно осуществляться в соответствии с соответствующими рекомендациями.) Существует три варианта, включая альтернативный , прокрутка и слайд . Также можно добавить задержку прокрутки .

<marquee>возник в Microsoft Internet Explorer ; устарело или недействительно в HTML 4.01 и более поздних версиях.

<nobr>...</nobr> (deprecated)

Заставляет текст не разрываться в конце строки, предотвращая перенос слов, если текст превышает ширину окружающего объекта. Смежный текст может разрываться до и после него. Можно сделать с помощью CSS:{white-space: nowrap;}

<nobr>является проприетарным элементом, который распознается большинством браузеров по соображениям совместимости; устарело или недействительно в HTML 2.0 и более поздних версиях.

<noembed>...</noembed> (deprecated)

Задает альтернативное содержимое, если вложение невозможно отобразить. Заменяется содержимым элемента или .<embed><object>

Комментарии [ редактировать ]

Комментарий в HTML (и связанных с XML, SGML и SHTML) использует тот же синтаксис, что и комментарий SGML или XML комментарий , в зависимости от DOCTYPE.

В отличие от большинства тегов HTML, комментарии не вкладываются.

Разметка Xend-->даст комментарийXbegin <! - Y и текст Xend -> после этого, а иногда просто Xend ->, в зависимости от браузера.

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

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

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

Есть несколько причуд совместимости, связанных с комментариями:

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

См. Также [ править ]

Атрибут HTML
Примеры элементов HTML

Заметки [ править ]

^ «Документ» может быть либо файлом, хранящимся в файловой системе компьютера(обычно на диске), либодоставкой по протоколу HTTP через Интернет. Доставка могла быть скопирована с веб-сервера или сгенерирована по запросу.
^ Объектная модель документа теперь является формализованной спецификацией W3C . ^[1] Он определяет интерфейс к этой внутренней модели, а не к самой внутренней модели. Ранние веб-браузеры использовали собственное внутреннее представление, которое мало имело отношения к DOM. Также был применен термин «дерево документов». ^[2] Однако здесь для объяснения разницы между документом и анализируемой моделью удобно использовать термин DOM повсюду.
^ Термин «веб-браузер» здесь используется для простоты. Конечно, он включает в себя другие виды пользовательских веб-агентов , такие как веб-сканеры поисковых систем, автоматические поисковые программы и т. Д.
^ HTML 4.01 - один из небольшого числа хорошо известных HTML DTD. Здесь он выбран как лучший наглядный пример, хотя такое же поведение применимо и к другим опубликованным W3C DTD для HTML.
^ Макро-подобная функция DTD все еще может использоваться в XML.
^ Одно небольшое отличие состоит в том, что XML, даже после интерфейса DOM, чувствителен к регистру. ^[7]
^ Однако обратите вниманиена неизбежное исключение.<object>
^ Строго IRI , а не URL-адрес; хотя URL-адреса являются подмножеством IRI.

Ссылки [ править ]

^ «Текущая версия объектной модели документа (DOM)» . W3C . 26 июля 2016 г.
^ «Определения - Дерево документов» . Спецификация каскадных таблиц стилей, уровень 2, редакция 1 (CSS 2.1) . W3C . 7 июня 2011 г. §3 Соответствие: требования и рекомендации.
^ a b «§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 г.
^ a b c d e «Стандарт HTML § Дополнительные теги» . WHATWG . Проверено 22 марта 2019 .
^ «§1. Объектная модель документа HTML» . Спецификация HTML уровня 2 объектной модели документа (DOM) . W3C . 9 января 2003 г. §1.3. XHTML и HTML DOM.
^ a b «§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
^ WHATWGLS . § 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
^ Ferraiolo, J .; Fujisawa, J .; Джексон, Д., ред. (2003-01-14). «§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 . Консорциум World Wide Web . 28 октября 2014 г. §4.4.8 Элемент dl . Проверено 16 августа 2015 года .
^ «Списки в HTML-документах» . Спецификация HTML 4.01 - Рекомендация W3C . Консорциум World Wide Web. 24 декабря 1999 г. §10.3 Списки определений: элементы DL, DT и DD . Дата обращения 2 мая 2015 .
↑ W3C (5 апреля 2011 г.). «HTML5: словарь и связанные API для HTML и XHTML, рабочий проект W3C» ..
^ HTML 4.01 , W3.org , извлекаться 2012-03-26
^ HTML 4 для чайников , 5-е изд., 2005, Эд Титтель, Мэри К. Бурмейстер; п. 96.
^ "ServerWriter - / Провайдер" . www.w3.org .
^ "HTML 5.2" . www.w3.org .
^ Акроним тег , акроним.
^ 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 , W3.org , извлекаться 2012-03-26
^ «Спецификация HTML5 завершена, споры по поводу спецификаций продолжаются» . Ars Technica. 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 Living Standard , в «§4.5.6 Элемент cite» .
^ "<данные>" . Веб-документы MDN .
^ "Тег HTML <rb>" . www.quackit.com .
^ "<rp>: элемент резервной скобки Ruby" . Веб-документы MDN .
^ "<rt>: элемент Ruby Text" . Веб-документы MDN .
^ "<rtc>: элемент контейнера текста Ruby" . Веб-документы MDN .
^ "<рубин>" . Веб-документы MDN .
^ "<время>" . Веб-документы MDN .
^ Дженнифер Кирнин <embed>
^ W3Schools о<embed>
^ Текст атрибута alt нельзя стилизовать с помощью разметки; в результате были разработаны другие методы альтернативного представления текста, такие как замена изображения Фарнера , чтобы приспособиться к ситуациям, в которых кодировщик желает, чтобы стилизованный текст отображался, если изображения отключены в браузере пользователя.
^ «Что нового в Internet Explorer 8 - специальные возможности и ARIA» . MSDN . Microsoft . Проверено 22 июля 2009 .
^ Ошибка 5566 - значение атрибута ALT иногда не отображается , если изображение отсутствует , Bugs.webkit.org , извлекаются 2012-03-26
^ WWW-Talk январь-март 1993: предложил новый тег: IMG , 1997.webhistory.org , извлекаться 2012-03-26
^ "Доступны ли рамки?" . ... фреймы действительно создают дополнительные проблемы с удобством использования, которые характерны только для пользователей с ограниченными возможностями, особенно для тех, кто использует программы чтения с экрана.
^ «Объекты, изображения и апплеты» . W3C . Проверено 20 декабря 2008 .
^ "InState Longdesc" . Проверено 5 сентября 2011 .
^ «Создание доступных изображений» . WebAim . Проверено 20 декабря 2008 .
^ Longdesc использование - WHATWG Wiki , Wiki.whatwg.org , извлекаться 2012-03-26
^ «Ошибка 13461 - комментарий к выпуску № 30 (longdesc) от Ассоциации американских издателей» . Проверено 5 сентября 2011 .
^ "<список>" . Веб-документы MDN .
^ "<xmp>" . Веб-документы MDN .
^ "<nextid>: элемент NeXT ID (устаревший)" . Веб-документы MDN .
^ a b Чисхолм, Венди; Вандерхайден, Грегг; Джейкобс, Ян (1999-05-05). «Рекомендации по доступности веб-контента 1.0» . Консорциум World Wide Web . Проверено 20 июля 2010 .

Библиография [ править ]

Стандарты HTML [ править ]

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

Другие источники [ править ]

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

Внешние ссылки [ править ]

В Wikibook HyperText Markup Language есть страница по теме: все элементы в HTML

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

[1] «Документ» может быть либо файлом, хранящимся в файловой системе компьютера(обычно на диске), либодоставкой по протоколу HTTP через Интернет. Доставка могла быть скопирована с веб-сервера или сгенерирована по запросу.

[4] Объектная модель документа теперь является формализованной спецификацией W3C . ^[1] Он определяет интерфейс к этой внутренней модели, а не к самой внутренней модели. Ранние веб-браузеры использовали собственное внутреннее представление, которое мало имело отношения к DOM. Также был применен термин «дерево документов». ^[2] Однако здесь для объяснения разницы между документом и анализируемой моделью удобно использовать термин DOM повсюду.

[5] Термин «веб-браузер» здесь используется для простоты. Конечно, он включает в себя другие виды пользовательских веб-агентов , такие как веб-сканеры поисковых систем, автоматические поисковые программы и т. Д.

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

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

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

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

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

[W3C_Current_DOM_version-2] «Текущая версия объектной модели документа (DOM)» . W3C . 26 июля 2016 г.

[3] «Определения - Дерево документов» . Спецификация каскадных таблиц стилей, уровень 2, редакция 1 (CSS 2.1) . W3C . 7 июня 2011 г. §3 Соответствие: требования и рекомендации.

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

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

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

[whatwg-syntax-tag-omission-10] «Стандарт HTML § Дополнительные теги» . WHATWG . Проверено 22 марта 2019 .

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

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

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

[XHTML10-42-17] XHTML 1.0 §4.2

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

[XML10-51-19] XML 1.0 §5.1

[20] WHATWGLS . § 15

[XHTML11-21] XHTML 1.1 §A

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

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

[HTML401-141-24] HTML 4.01 §14.1

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

[26] HTML 4.01 §12.3

[27] HTML 4.01 §14.3.2

[28] HTML 4.01 §18

[29] CSS §1.1

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

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

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

[33] HTML 4.01 , W3.org , извлекаться 2012-03-26

[34] HTML 4 для чайников , 5-е изд., 2005, Эд Титтель, Мэри К. Бурмейстер; п. 96.

[35] "ServerWriter - / Провайдер" . www.w3.org .

[36] "HTML 5.2" . www.w3.org .

[37] Акроним тег , акроним.

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

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

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

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

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

[html5-tt-not-supported-43] А б 11 Устаревшие функции - HTML5 , W3.org , извлекаться 2012-03-26

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

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

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

[47] HTML Living Standard , в «§4.5.6 Элемент cite» .

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

[49] "Тег HTML <rb>" . www.quackit.com .

[50] "<rp>: элемент резервной скобки Ruby" . Веб-документы MDN .

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

[52] "<rtc>: элемент контейнера текста Ruby" . Веб-документы MDN .

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

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

[55] Дженнифер Кирнин <embed>

[56] W3Schools о<embed>

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

[58] «Что нового в Internet Explorer 8 - специальные возможности и ARIA» . MSDN . Microsoft . Проверено 22 июля 2009 .

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

[60] WWW-Talk январь-март 1993: предложил новый тег: IMG , 1997.webhistory.org , извлекаться 2012-03-26

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

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

[64] "InState Longdesc" . Проверено 5 сентября 2011 .

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

[66] Longdesc использование - WHATWG Wiki , Wiki.whatwg.org , извлекаться 2012-03-26

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

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

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

[70] "<nextid>: элемент NeXT ID (устаревший)" . Веб-документы MDN .

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

HTML-элемент

Концепции [ править ]

Документ против DOM [ править ]

Элементы против тегов [ править ]

SGML против XML [ править ]

%block;против коробки [ править ]

Обзор [ править ]

Синтаксис [ править ]

Стандарты элементов [ править ]

Статус элемента [ править ]

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

Элементы структуры документа [ править ]

Элементы заголовка документа [ править ]

Элементы тела документа [ править ]

Блокировать элементы [ править ]

Основной текст [ править ]

Списки [ править ]

Другие элементы блока [ править ]

Встроенные элементы [ править ]

Якорь [ править ]

Элементы фразы [ править ]

Общие [ править ]

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

Презентация [ править ]

Span [ править ]

Другие встроенные элементы [ править ]

Изображения и объекты [ править ]

Формы [ править ]

Таблицы [ править ]

Рамки [ править ]

longdescатрибут [ править ]

Пример [ править ]

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

Пример [ править ]

Исторические элементы [ править ]

Нестандартные элементы [ править ]

Комментарии [ редактировать ]

См. Также [ править ]

Заметки [ править ]

Ссылки [ править ]

Библиография [ править ]

Стандарты HTML [ править ]

Другие источники [ править ]

Внешние ссылки [ править ]

`%block;`против коробки [ править ]

`longdesc`атрибут [ править ]