HTML-элемент - HTML element

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

Концепции

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

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

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

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

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

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

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

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

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

Обзор

Синтаксис

{\ displaystyle \ overbrace {\ overbrace {{\ mathtt {\ color {BrickRed} <\! p \}} \ color {Magenta} \ underbrace {\ mathtt {class}} _ {\ mathsf {\ color {Black} { Атрибут \ на имени}}} {\ mathtt {= ''}} \! \ Underbrace {\ mathtt {paragraph}} _ {\ mathsf {\ color {White} {Attr} \ atop \ color {Black} Атрибут \ значение }} '' {\ mathtt {\ color {BrickRed}>}}} ^ {\ mathsf {Start \ tag}} \ overbrace {\ mathtt {\ color {Green} Это \ is \ a \ paragraph.}} ^ { \ mathsf {Content}} \ overbrace {\ mathtt {\ color {BrickRed} <\! / p \!>}} ^ {\ mathsf {End \ atop tag}}} ^ {\ mathsf {Element}}}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<input type=checkbox checked>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Файлы внешних изображений объединяются с элементами <img />или <object />. (С XHTML , то SVG язык может также использоваться для графики записи внутри документа, хотя ссылки на внешние SVG файлы , как правило , проще.) Если изображение не является чисто декоративным, 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).; Стандартизирован в HTML 2.0 ; все еще в силе.
<head>...</head>: (См. Элементы заголовка документа для дочерних элементов.)
Контейнер для обработки информации и метаданных HTML-документа.; И начальный, и конечный теги могут быть опущены и выведены из дочерних элементов (HTML5).; Стандартизирован в HTML 2.0 ; все еще в силе.
<body></body>: (См. Элементы тела документа для дочерних элементов.)
Контейнер для отображаемого содержимого HTML-документа.; И начальный, и конечный теги могут быть опущены и выведены из дочерних элементов (HTML5).; Стандартизирован в 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 />

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

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атрибутом. Также может использоваться в теле документа для динамического создания как блочного, так и встроенного содержимого.

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

<style>...</style>

Задает стиль CSS для документа, обычно в форме . Может выступать в качестве контейнера для инструкций по стилю или ссылаться на внешние таблицы стилей - например, в CSS , с директивами формы,<style type="text/css"> ... </style>@import<style> @import url; </style>

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

<title>...</title>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Списки

<dl>...</dl>

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

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

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

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

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>: Основная статья: Span и div
Логическое разделение на уровне блоков. Общий элемент без семантического значения, используемый для различения раздела документа, обычно для таких целей, как представление или поведение, управляемое таблицами стилей или вызовами DOM .; Предлагается в черновиках HTML 3.0 ; Стандартизирован в HTML 3.2 ; все еще в силе.
<figure>...</figure>: Используется для группировки изображений и подписей вместе с <figcaption>.; Стандартизирован в HTML5 .
<figcaption>...</figcaption>: Подпись к изображению. Всегда помещается внутри <figure>элемента.; Стандартизирован в HTML5 .; Используется для нижних колонтитулов документа. Они могут содержать информацию об авторе или авторских правах или ссылки на другие страницы.; Стандартизирован в 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 ; все еще в силе.

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

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

Якорь

<a>...</a>

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

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

С атрибутом hrefпривязка становится гиперссылкой либо на другую часть документа, либо на другой ресурс (например, веб-страницу) с использованием внешнего URL-адреса . В качестве альтернативы (а иногда и одновременно) с установленными атрибутамиname или id HTML элемент становится целью ссылки. Унифицированный указатель информационного ресурса (URL) , можно связать с этой целью через идентификатор фрагмента . В HTML5 любой элемент теперь можно превратить в цель с помощью idатрибута, поэтому в использовании нет необходимости, хотя этот способ добавления якорей продолжает работать.<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тег.
<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 . В HTML5 , однако, есть свое собственное значение, отличное от значения . Он обозначает «текст, к которому привлекается внимание в утилитарных целях, без передачи какой-либо дополнительной важности и без указания альтернативного голоса или настроения».{ font-weight: bold; }<strong><b><strong>

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

<i>...</i>

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

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

<u>...</u>

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

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

<small>...</small>

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

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

<s>...</s>

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

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 ; не поддерживается в HTML5. Возможные замены: <kbd>для маркировки пользовательского ввода, <var>для переменных (обычно отображаются курсивом, а не с изменением на моноширинный), <code>для исходного кода, <samp>для вывода.

<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 и div
Встроенное логическое деление. Общий элемент без семантического значения, используемый для различения раздела документа, обычно для таких целей, как представление или поведение, управляемое таблицами стилей или вызовами DOM .; Стандартизирован в HTML 4.0 ; все еще в силе.

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

<br />: Принудительный разрыв строки.; Стандартизирован в HTML 2.0 ; все еще в силе.
<bdi>...</bdi>: Изолирует встроенный раздел текста, который может быть отформатирован в направлении, отличном от другого текста за его пределами, например, созданный пользователем контент с неизвестной направленностью.; Стандартизирован в HTML5 .
<bdo>...</bdo>: Отмечает встроенный раздел текста, в котором направление чтения противоположно направлению чтения родительского элемента.; Стандартизирован в HTML 4.0 ; все еще в силе.
<cite>...</cite>: Цитата или ссылка на цитату или утверждение в документе.; CITE существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще в силе.; Примечание. Спецификации HTML 5 были разветвлены по непонятной причине , в том числе и в отношении этого элемента. В HTML 4 и ранее использовалось <cite>для «цитирования или ссылки на другие источники» без каких-либо особых ограничений или требований. Спецификация W3C HTML 5 использует уточнение этой идеи, отражая, как элемент исторически использовался, но теперь требует, чтобы он содержал (но не ограничивался) по крайней мере одно из «заголовка работы или имени автора. (человек, люди или организация) или URL-адрес, или ссылка в сокращенной форме в соответствии с соглашениями, используемыми для добавления метаданных цитирования ". Но спецификация WHATWG разрешает использовать элемент только вокруг названия работы. Спецификации W3C начинались с более широкого определения, а затем перешли к очень узкому после того, как WHATWG внесла это изменение. Однако в 2012 году W3C отменил собственное изменение в ответ на негативные отзывы сообщества разработчиков; элемент широко использовался с более широкой сферой применения, например, различные платформы блогов и форумов заключают в себя идентификаторы комментаторов и адреса электронной почты <cite>...</cite>, а люди, использующие элемент для библиографических ссылок, обычно помещали (и продолжают) обертывать каждую цитату целиком. в этом элементе. Другая проблема с этим элементом заключается в том, что WHATWG рекомендует выделять его курсивом по умолчанию (таким образом, почти все браузеры делают это), потому что он (по их мнению) предназначен только для заголовков публикаций. Однако по соглашению курсивом выделяются только некоторые виды заголовков, в то время как другие должны быть заключены в кавычки, а стандарты могут фактически различаться в зависимости от контекста публикации и языка. Следовательно, многие авторы и администраторы веб-сайтов используют таблицу стилей для всего сайта, чтобы отменить автоматический курсив этого элемента.
<data>...</data>: Связывает встроенный контент с машиночитаемым переводом.; Стандартизирован в HTML5 .
<del>...</del>: Текст удален. Обычно отображается зачеркиванием :~~Текст удален.~~; Стандартизирован в HTML 4.0 ; все еще в силе.
<ins>...</ins>: Вставленный текст. Часто используется для разметки текста замены для материала, помеченного значком <del>или <s>. Обычно отображается подчеркнутым :Вставленный текст.; Стандартизирован в HTML 4.0 ; все еще в силе.; Оба элемента <ins>и <del>также могут использоваться как блочные элементы: содержащие другие блочные и встроенные элементы. Однако эти элементы должны по-прежнему полностью оставаться в пределах своего родительского элемента, чтобы поддерживать правильно сформированный HTML-документ. Например, удаление текста из середины одного абзаца через несколько других абзацев и завершение последнего абзаца потребует использования трех отдельных <del>элементов. Два <del>элемента потребуются как встроенные элементы, чтобы указать удаление текста в первом и последнем абзацах, и третий, используемый в качестве блочного элемента, чтобы указать удаление в промежуточных абзацах.
<mark>...</mark>: Создает текст, который выглядит нравится. Предназначен для выделения релевантного текста в цитате.; Стандартизирован в HTML5 .
<q>...</q>: Встроенная цитата (см . Цитату на уровне блока ). Элементы цитаты могут быть вложенными. должен автоматически генерировать кавычки вместе с таблицами стилей. Практические проблемы из-за несоответствия браузера могут вынудить авторов искать обходные пути. Атрибут дает источник, и должна быть полной URI .<blockquote><q> cite; Стандартизирован в HTML 4.0 ; все еще в силе.; Примечание. Длинные встроенные цитаты могут отображаться в виде блоков с отступом (as block-quote) с использованием таблиц стилей. Например, с подходящим правилом CSS, связанным с q.lengthy:<q>Lengthy quote here.</q >
<rb>...</rb>: Представляет базовый компонент рубиновой аннотации .; Стандартизирован в HTML5 .
<rp>...</rp>: Предоставляет резервные скобки для браузеров, в которых отсутствует поддержка рубиновых аннотаций .; Стандартизирован в HTML5 .
<rt>...</rt>: Указывает произношение символа в рубиновой аннотации .; Стандартизирован в HTML5 .
<rtc>...</rtc>: Семантические аннотации для рубиновой аннотации .; Стандартизирован в HTML5 .
<ruby>...</ruby>: Представляет рубиновую аннотацию для отображения произношения восточноазиатских символов.; Стандартизирован в HTML5 .
<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 .
<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>: Основная статья: Элемент Canvas
Добавляет холст, содержимое которого можно редактировать с помощью JavaScript . Часто используется для онлайн-игр.; Стандартизирован в HTML5 .
<embed>...</embed>: Вставляет нестандартный объект (например, апплет) или внешнее содержимое (обычно не HTML) в документ.; Устарело в HTML 4 и заменено на <object>, но затем было добавлено обратно в спецификацию HTML5.
<img />: Используется визуальными пользовательскими агентами для вставки изображения в документ. srcАтрибут определяет URL изображения. Обязательный altатрибут предоставляет альтернативный текст на случай, если изображение не может быть отображено. (Хотя altэто и задумано как альтернативный текст, Microsoft Internet Explorer 7 и ниже отображают его как всплывающую подсказку, если titleатрибут не указан. Safari и Google Chrome , с другой стороны, вообще не отображают атрибут alt.) <img />Элемент был впервые предложен от Marc Андреессена и реализован в NSCA Mosaic веб - браузер.; 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-браузера на сегменты, каждый из которых может отображать отдельный документ. Это может снизить использование полосы пропускания, поскольку повторяющиеся части макета могут использоваться в одном кадре, а переменное содержимое отображается в другом. Это может иметь определенную стоимость удобства использования, особенно в невизуальных пользовательских агентах, из-за того, что отдельные и независимые документы (или веб-сайты) отображаются рядом друг с другом и им разрешено взаимодействовать с одним и тем же родительским окном. Из-за этой стоимости фреймы (за исключением <iframe>элемента) разрешены только в HTML 4.01 Frame-set. Iframe также может хранить документы на разных серверах. В этом случае взаимодействие между окнами блокируется браузером. Такие сайты, как Facebook и Twitter, используют фреймы для отображения контента (плагинов) на сторонних веб-сайтах. 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-адрес документа, который содержит подробное описание изображения, фрейма или окна iframe. Обратите внимание, что этот атрибут должен содержать URL-адрес, а не - как обычно ошибочно - текст самого описания.

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

Пример

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

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

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

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

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

Пример

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

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

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

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

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

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

<blink>...</blink> (deprecated): Основная статья: Элемент Blink
Текст мигает. Введен в имитацию escape-кодов ANSI . Может быть выполнено с помощью CSS, если он поддерживается: (Этот эффект может иметь негативные последствия для людей с светочувствительной эпилепсией ; его использование в общедоступном Интернете должно осуществляться в соответствии с соответствующими рекомендациями.){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): Основная статья: элемент Marquee
Создает прокручиваемый текст. Вместо этого можно сделать скрипт. (Этот эффект может иметь негативные последствия для людей, страдающих светочувствительной эпилепсией ; его использование в общедоступном Интернете должно осуществляться в соответствии с соответствующими рекомендациями.) Есть три варианта, включая Альтернативный , Прокрутка и Скольжение . Также можно добавить задержку прокрутки .; <marquee>возник в Microsoft Internet Explorer ; устарело или недействительно в HTML 4.01 и более поздних версиях.
<nobr>...</nobr> (deprecated): Заставляет текст не разрываться в конце строки, предотвращая перенос слов, если текст превышает ширину окружающего объекта. Смежный текст может разрываться до и после него. Можно сделать с помощью CSS:{white-space: nowrap;}; <nobr>является проприетарным элементом, который распознается большинством браузеров по соображениям совместимости; устарело или недействительно в HTML 2.0 и более поздних версиях.
<noembed>...</noembed> (deprecated): Задает альтернативное содержимое, если невозможно отобразить вложение. Заменяется содержимым элемента или .<embed><object>

Комментарии могут появляться в любом месте документа, поскольку парсер 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>

Смотрите также

Примечания

использованная литература

^ ^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 марта 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 разработаны как независимые модули, индексируемые на этой странице.)

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

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

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

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

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

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

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

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

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

[XHTML10-42-12] XHTML 1.0 §4.2

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

[XML10-51-14] XML 1.0 §5.1

[15] WHATWGLS . § 15

[XHTML11-16] XHTML 1.1 §A

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

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

[HTML401-141-19] HTML 4.01 §14.1

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

[21] HTML 4.01 §12.3

[22] HTML 4.01 §14.3.2

[23] HTML 4.01 §18

[24] CSS §1.1

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

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

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

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

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

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

[31] «HTML 5.2» . www.w3.org .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[51] W3Schools о<embed>

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

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

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

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

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

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

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

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

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

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

[63] "<объявление>" . Веб-документы MDN .

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

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

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

Languages

In other projects

HTML-элемент - HTML element

Концепции

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

SGML против XML

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

Обзор

Синтаксис

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

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

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

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

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

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

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

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

Списки

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

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

Якорь

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

Общий

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

Презентация

Охватывать

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

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

Формы

Таблицы

Кадры

longdesc атрибут

Пример

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

Пример

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

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

Комментарии

Смотрите также

Примечания

использованная литература

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

Стандарты HTML

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

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

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

`longdesc` атрибут