HTML -элемент

Элемент HTML - это тип компонента документа HTML (Language Prange), один из нескольких типов HTML -узлов (есть также текстовые узлы, узлы комментариев и другие). ^{[ нечеткий ]} Первая использованная версия HTML была написана Тимом Бернерс-Ли в 1993 году, и с тех пор было много версий HTML. Нынешний стандарт де -факто регулируется отраслевой группой WhatWG и известен как HTML Living Standard.

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

Концепции

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

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

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

Точно так же рекомендация W3C HTML 5.1 2 -е издание явно говорит:

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

и:

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

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

SGML против XML

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

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

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

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

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

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

Обзор

Синтаксис

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сырые текстовые элементы (также известные как текстовые или текстовые элементы) построены с:

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

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

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

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

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

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

Атрибуты

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

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

<input type=checkbox checked>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Контент против презентации и поведения

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

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

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

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

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

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

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

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

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

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

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

<base />

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

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

<basefont /> (deprecated)

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

Стандартизировано в HTML 3.2 ; Установился в переходном периоде HTML 4.0 ; недействителен в HTML 4.0 строго .

<isindex /> (deprecated)

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

<link />

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

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

<meta />

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

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

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

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

<object>...</object>

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

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

<script>...</script>

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

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

<style>...</style>

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

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

<title>...</title>

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

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

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

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

Документировать элементы тела

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

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

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

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

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

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

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

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

Базовый текст

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

Списки

<dl>...</dl>

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

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

<dt>...</dt>

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

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

<dd>...</dd>

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

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

<ol>...</ol>

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

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

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

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

<ul>...</ul>

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

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

<li>...</li>

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

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

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

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

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

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

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

Цитата на уровне блоков , когда цитата включает в себя элементы уровня блока, например, абзацы. А cite атрибут (не путать с <cite> Элемент) может дать источник, и должен быть полностью квалифицированным униформным идентификатором ресурсов .
Презентация по умолчанию цитат в визуальных браузерах, как правило, заключается в том, чтобы отступать их с обоих полей. Это привело к тому, что элемент был излишне использован только для того, чтобы отступить абзацы, независимо от семантики. Цитаты, не содержащие элементов уровня блока, см. Цитату ( <q>) элемент.; BLOCKQUOTE существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще текущий. Смотрите элемент BlockQuote для получения дополнительной информации.
<center>...</center> (deprecated): Создает дивизию на уровне блока. Устарел в пользу <div> или другой элемент с центрированием, определяемым с использованием листов стиля.; Стандартизировано в HTML 3.2 ; устарел в HTML 4.0 ; не поддерживается в HTML5 .
<del>...</del>: Знает удаленный раздел контента. Этот элемент также может быть использован как встроенный .; Стандартизировано в HTML 4.0 ; все еще текущий.
<div>...</div>: Основная статья: Span и Div
Логическое разделение уровня блока. Общий элемент без семантического значения, используемого для различения раздела документов, обычно для таких целей, как презентация или поведение, контролируемые листами стиля или DOM . вызовы; Предложено в черновиках HTML 3.0 ; Стандартизировано в HTML 3.2 ; все еще текущий.
<figure>...</figure>: Используется для группировки изображений и подписей, а также <figcaption>.; Стандартизирован в HTML5 .
<figcaption>...</figcaption>: Подпись для изображения. Всегда помещают в <figure> элемент.; Стандартизирован в HTML5 .
<footer>...</footer>: Используется для нижних колонтитулов документов. Они могут содержать информацию о авторе или авторском праве или ссылки на другие страницы.; Стандартизирован в HTML5 .
<header>...</header>: Используется для заголовков документов. Они обычно содержат контент, представляющий страницу.; Стандартизирован в HTML5 .
<hr />: Тематический разрыв (первоначально: горизонтальное правило). Правила презентации могут быть привлечены к листам стиля.; Стандартизировано в HTML 2.0 ; все еще текущий.
<ins>...</ins>: Знает раздел вставленного контента. Этот элемент также может быть использован как встроенный .; Стандартизировано в HTML 4.0 ; все еще текущий.
<main>...</main>: Содержит основное содержание документа.; Стандартизирован в HTML 5.1 .
<menu>...</menu>: HTML 2.0: список меню. Должен быть более компактным, чем <ul> список.; MENU существовал в тегах HTML и был стандартизирован в HTML 2.0 ; Установился в переходном периоде HTML 4.0 ; неверный в HTML 4.0 строго ; Затем переопределяется в HTML5 , удаленный в HTML 5.2, но включен в стандарт жизни HTML в 2019 году.
<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> элемент; Они должны быть полностью вложены в элементы на уровне блока. ^{[ 24 ]}

Якорь

<a>...</a>

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

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

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

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

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

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

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

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

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

Фраза элементов

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

Общий

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

Компьютерная фраза элементы

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

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

Презентация

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

<b>...</b>

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

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

<i>...</i>

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

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

<u>...</u>

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

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

<small>...</small>

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

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

<s>...</s>

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

S был устарел в переходном переходе HTML 4.0 (не появившись ни в каком предыдущем стандарте) и был недействительным в HTML 4.0 строго . Вновь введен в 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 ; недействителен в HTML 4.0 строго .

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

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

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

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

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

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

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

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

Стандартизировано в HTML 3.2 ; Установился в переходном периоде HTML 4.0 ; недействителен в HTML 4.0 строго . Не часть HTML5.

Охватывать

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

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

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

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

<applet>...</applet> (deprecated): Встраивает Java -апплет на странице. Устарел в пользу <object>, как это можно было использовать только с Java -апплетами, и имели ограничения доступности.; Стандартизировано в HTML 3.2 ; Установился в переходном периоде HTML 4.0 ; недействителен в HTML 4.0 строго . По состоянию на 2011 год, все еще широко используется в качестве реализации замены <object> не последовательны между различными браузерами.
<area />: Определяет фокусируемую область в <map>.; Стандартизировано в HTML 3.2 ; все еще текущий.
<audio>...</audio>: Добавляет воспроизводимый HTML -аудио на страницу. Audio 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 /> Элемент был впервые предложен Марком Андреессеном и реализован в веб -браузере мозаики NCSA . ^{[ 53 ]}; IMG существовал в HTML Internet Draft 1.2 и был стандартизирован в HTML 2.0 ; все еще текущий.
<map>...</map>: на стороне клиента Определяет карту изображений .; Стандартизировано в HTML 3.2 ; все еще текущий.
<object>...</object>: Включает объект на странице типа, указанного type атрибут. Это может быть в любом мамере -типе, который понимает пользовательский агент, такой как встроенная HTML -страница, файл, который для обработки подключаемого модуля, такого как Flash , Java Applet , звуковой файл и т. Д.; Стандартизировано в HTML 4.0 ; все еще текущий.
<param />: Первоначально представлено с <applet>, этот элемент теперь используется с <object>, и должен происходить только как ребенок <object>Полем Он использует атрибуты HTML , чтобы установить параметр для объекта, например, ширина, высота, шрифт, цвет фона и т. Д., В зависимости от типа объекта. У объекта может быть несколько <param /> элементы.; Стандартизировано в HTML 3.2 ; все еще текущий.
<source>...</source>: Определяет разные источники для аудио или видео. Использует src атрибут таким же, как и на <video> и <audio> элементы.; Стандартизирован в HTML5 .
<track>...</track>: Предоставляет текстовые треки, такие как субтитры и подписи, для аудио и видео.; Стандартизирован в HTML5 .
<video>...</video>: Добавляет воспроизводимое видео HTML на страницу. Видео URL определяется с помощью src атрибут. Поддерживаемые видеоформаты варьируются от браузера к браузере.; Стандартизирован в HTML5 .

Формы

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

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

<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 = "флажок": Флажок . Можно проверить или не контролировать.
Тип = "Радио": Радионога . Если несколько радиопроизводительных кнопок даны одинаковое имя, пользователь сможет выбрать только один из них из этой группы.
Тип = "Кнопка": Кнопка общего назначения. Элемент <button> предпочтительнее, если это возможно (то есть, если клиент поддерживает его), поскольку он предоставляет более богатые возможности.
type = "Отправить": Кнопка отправки .
type = "изображение": изображения Кнопка . URL -адрес изображения может быть указан с помощью src атрибут.
Тип = "Сброс": Кнопка сброса для сброса формы по значениям по умолчанию.
Тип = "Текст": Однострочное поле текста ввода . А size Атрибут указывает ширину по умолчанию ввода в ширине символов. max-length Устанавливает максимальное количество символов, в которые пользователь может войти (что может быть больше, чем размер).
type = "search": Вариант text который производит базу поиска.
type = "пароль": Вариант textПолем Разница в том, что текст, набранный в этом поле, замаскирован - символы отображаются в виде звездочки, точки или другой замены. Пароль по -прежнему отправляется на сервер в качестве открытого текста , поэтому необходим базовый протокол безопасной связи, такой как HTTPS , если конфиденциальность является проблемой.
type = "файл": ( Поле выбора файла для загрузки файлов на сервер).
type = "Тел": Вариант text для номеров телефонных телефонов .
type = "Электронная почта": Вариант text Для адресов электронной почты .
type = "url": Вариант text для URL .
Тип = "Дата": Селектор дат.
Тип = "Время": Селектор времени.
type = "номер": Вариант text для чисел.
Тип = "Диапазон": Создает слайдер для этого возвращает число, но номер не виден пользователю.
type = "color": Цветовой сборщик.
Тип = "Скрытый": hidden Входные данные не видны на странице рендеринга, но позволяют дизайнеру поддерживать копию данных, которые необходимо отправить на сервер как часть формы. Это, например, может быть данными, которые этот веб -пользователь ввел или выбран в предыдущей форме, которую необходимо обрабатывать в сочетании с текущей формой. Не отображается пользователю, но данные все еще могут быть изменены на стороне клиента, редактируя источник HTML.

<isindex /> (deprecated)

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

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

<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 возможны в HTML -переходе, но большинство из них недействительны в HTML строго и могут быть заменены на листы стиля. А 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. Iframes также может хранить документы на разных серверах. В этом случае взаимодействие между окнами блокируется браузером. Такие сайты, как Facebook и Twitter, используют iframes для отображения контента ( плагинов ) на сторонних сайтах. Google Adsense использует iframes для отображения баннеров на сторонних сайтах.

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

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

`longdesc` атрибут

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

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

Пример

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

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

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

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

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

Пример

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

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

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

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

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

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

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

Он

Пример мигального текста (выполненный через CSS; сама тег <link> устарел и больше не работает в большинстве браузеров) со ссылкой на страницу. Чтобы не путать с UWU , эта страница содержит самое раннее сохранившее редактирование английской Википедии.

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

<blink>...</blink> (deprecated): Основная статья: Mlink Element
Приводит к миганию текста. Введено в подражание кодам побега ANSI . Можно сделать с помощью CSS, где поддерживается: {text-decoration: blink} (Этот эффект может иметь негативные последствия для людей с фоточувствительной эпилепсией ; ^{[ 62 ]} Его использование в общедоступном Интернете должно следовать соответствующим руководящим принципам.); <blink> возник в Netscape Navigator и в основном признан его потомками, включая Firefox ; устаревший или недействителен в HTML 2.0 и позже. Замена тега CSS, хотя и стандартная, не требуется поддерживать.
<layer>...</layer> (deprecated): Основная статья: элемент слоя
Создает абсолютный расположенный и рамный слой. Можно сделать с кадрами и/или CSS вместо этого. Существуют атрибуты, в том числе идентификатор , слева , топ , pagex , pagey , src , z-index , выше , ширина , высота , ниже , клип , видимость и клип .; <layer> возник в Netscape 4 ; устаревший или недействителен в HTML 4.01 и позже.
<marquee>...</marquee> (deprecated): Основная статья: элемент шатра
Создает текст прокрутки. Вместо этого можно сделать сценариями. (Этот эффект может иметь негативные последствия для людей с фоточувствительной эпилепсией ; ^{[ 62 ]} Его использование в общедоступном Интернете должно следовать соответствующим рекомендациям.) Существует три варианта, включая альтернативные , прокрутки и слайд . Scrolldelay также может быть добавлен.; <marquee> возник в Microsoft Internet Explorer ; устаревший или недействителен в HTML 4.01 и позже.
<nobr>...</nobr> (deprecated): Приводит к тому, что текст не ломается в конце строки, предотвращая обертку слова, где текст превышает ширину ограждающего объекта. Смежный текст может сломаться до и после него. Можно сделать с помощью CSS: {white-space: nowrap;}; <nobr> является запатентованным элементом, который распознается большинством браузеров по соображениям совместимости; устаревший или недействителен в HTML 2.0 и позже.
<noembed>...</noembed> (deprecated): Определяет альтернативный контент, если встраивание не может быть отображено. Заменено содержанием <embed> или <object> элемент.

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

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

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

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

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

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

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

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

Примечания

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

Ссылки

^ Jump up to: ^а ^{беременный} «§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 г.
^ Jump up to: ^а ^{беременный} ^в ^{дюймовый} ^и «HTML стандартные § Необязательные теги» . Что -то . Получено 22 марта 2019 года .
^ «§1. Документальная модель объекта HTML» . Document Object Model (DOM) Уровень 2 HTML -спецификация . W3C . 9 января 2003 г. §1.3. XHTML и HTML DOM.
^ Jump up to: ^а ^{беременный} «§7 Глобальная структура HTML -документа» . HTML 4.01 Спецификация . W3C . 24 декабря 1999 г. §7.5.3 уровня блока и встроенные элементы.
^ Марк Ньюхаус (27 сентября 2002 г.). «CSS Design: укрощение списков» . Список отдельно .
^ Xhtml 1.0 §4.2
^ XML 1.0 (способность создавать дополнительные элементы является частью расширяемости в аббревиатуре.)
^ XML 1.0 §5.1
^ Что -то . § 15
^ Xhtml 1.1 §a
^ "HTML & CSS" . W3C . 2013.
^ «Приложение D. Лист стиля по умолчанию для HTML 4» . Спецификация листов в стиле каскадного стиля. Редакция 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 . Получено 2009-03-25 .
^ Html 4.01 §12.3
^ Html 4.01 §14.3.2
^ Html 4.01 §18
^ CSS §1.1
^ «4.4 Группировка контента - HTML5» . HTML5: словарь и связанные с ними API для HTML и XHTML - W3C Рекомендация . Всемирный консорциум паутины . 28 октября 2014 г. §4.4.8 Элемент DL . Получено 16 августа 2015 года .
^ «Списки в документах HTML» . Спецификация HTML 4.01 - рекомендация W3C . Всемирный консорциум паутины. 24 декабря 1999 г. §10.3 Списки определений: элементы DL, DT и DD . Получено 2 мая 2015 года .
^ «HTML5: словарный запас и связанные с ними API для HTML и XHTML, W3C Working Draft» . W3C . 5 апреля 2011 года .
^ HTML 4.01 , W3C , Получено 2012-03-26
^ Tittel, ed; Burmeister, Mary C. (2005). HTML 4 для чайников (5 -е изд.). Хобокен, Нью -Джерси: Уайли. п. 96. ISBN 978-0-7645-8917-1 Полем Получено 7 августа 2022 года .
^ "Сервер -автор - /провайдер" . W3C .
^ "HTML 5.2" . W3C .
^ Аббревиатура , аббревиатура.
^ 4.6 Семантика на уровне текста-элемент B , разработчики. Whatwg.org , извлеченный 2012-03-26
^ 4.6 Семантика на уровне текста-I Element , Developers.Whatwg.org , Получено 2012-03-26
^ 4.6 Семантика на уровне текста-Element , Developers.whatwg.org , Получено 2012-03-26
^ 4.6 Семантика на уровне текста-маленький элемент , разработчики. Whatwg.org , извлеченные 2012-03-26
^ 4.6 Семантика уровня текста-элемент S , разработчики. Whatwg.org , извлеченные 2012-03-26
^ Jump up to: ^а ^{беременный} 11 устаревших функций-HTML5 , W3C , Получено 2012-03-26
^ «Спецификация HTML5 завершена, ссоры по спецификациям продолжаются» . Ars Technica. 29 октября 2014 года . Получено 29 октября 2014 года .
^ «9.2.1 Фразные элементы: EM, Strong, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR и аббревиатура» . HTML 4.01 Спецификация . W3C . 24 декабря 1999 г. Получено 26 июля 2018 года .
^ Html 5.2 W3C Рекомендация , по адресу "§4.5.6. Элемент цитирования" .
^ Html Living Standard , в «§4.5.6 Элемент цитирования» .
^ "<Data>" . MDN Web Docs .
^ "Html <rb> Tag" . www.quackit.com .
^ «<rp>: Элемент скобки Ruby Ballch» . MDN Web Docs .
^ «<rt>: текстовый элемент рубин» . MDN Web Docs .
^ «<rtc>: элемент контейнера Ruby Text» . MDN Web Docs .
^ "<broby>" . MDN Web Docs .
^ «<Шаблон>» . MDN Web Docs .
^ "<mime>" . MDN Web Docs .
^ "<wbr>" . MDN Web Docs .
^ Дженнифер Кирнин Архивировал 2012-11-02 на машине Wayback <embed>
^ W3schools о <embed>
^ Текст атрибута Alt не может быть стилизован с разметкой; В результате были разработаны другие методы альтернативного текстового презентации, такие как замена изображения Фарнера , были разработаны для размещения ситуаций, в которых кодер желает отображаться текст, если изображения отключены в браузере пользователя.
^ «Что нового в Internet Explorer 8 - доступность и ария» . MSDN . Microsoft . Получено 2009-07-22 .
^ Ошибка 5566-Значение атрибута ALT Иногда не отображается, когда отсутствует изображение , bugs.webkit.org , полученные 2012-03-26
^ Www-talk Jan-Mar 1993: предлагается новая тега: img , 1997.webhistory.org , Получено 2012-03-26
^ "Доступны ли кадры?" Полем ... Кадры представляют дополнительные проблемы с юзабилитием, которые являются уникальными для пользователей с ограниченными возможностями, особенно для тех, кто использует читателей экрана.
^ «Объекты, изображения и апплеты» . W3C . Получено 2008-12-20 .
^ «Присоединяйтесь к Longdesc» . Получено 2011-09-05 .
^ «Создание доступных изображений» . Webaim . Получено 2008-12-20 .
^ Использование Longdesc-Whatwg Wiki , Wiki.whatwg.org , Получено 2012-03-26
^ «Ошибка 13461 - Комментарий по вопросу № 30 (Longdesc) от Ассоциации американских издателей» . Получено 2011-09-05 .
^ Jump up to: ^а ^{беременный} «Устаревшие-несоответствующие функции» . HTML Living Standard . Что -то . 22 июля 2022 года . Получено 7 августа 2022 года .
^ "<xmp>" . MDN Web Docs . 24 февраля 2023 года.
^ Jump up to: ^а ^{беременный} Чисхолм, Венди; Вандерхейден, Грегг; Джейкобс, Ян (1999-05-05). «Рекомендации по доступности веб -контента 1.0» . Всемирный консорциум паутины . Получено 2010-07-20 .
^ "HTML Standard" . html.spec.whatwg.org .

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

HTML Стандарты

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

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

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

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

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

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

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

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

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

[59] Строго ири , а не URL; Хотя URL -адреса являются подмножеством радужной оболочки.

[HTML401_Elements-1] Jump up to: ^а ^{беременный} «§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] Jump up to: ^а ^{беременный} ^в ^{дюймовый} ^и «HTML стандартные § Необязательные теги» . Что -то . Получено 22 марта 2019 года .

[7] «§1. Документальная модель объекта HTML» . Document Object Model (DOM) Уровень 2 HTML -спецификация . W3C . 9 января 2003 г. §1.3. XHTML и HTML DOM.

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

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

[XHTML10-42-12] Xhtml 1.0 §4.2

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

[XML10-51-14] XML 1.0 §5.1

[15] Что -то . § 15

[XHTML11-16] Xhtml 1.1 §a

[17] "HTML & CSS" . W3C . 2013.

[18] «Приложение D. Лист стиля по умолчанию для HTML 4» . Спецификация листов в стиле каскадного стиля. Редакция 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 . Получено 2009-03-25 .

[21] Html 4.01 §12.3

[22] Html 4.01 §14.3.2

[23] Html 4.01 §18

[24] CSS §1.1

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

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

[27] «HTML5: словарный запас и связанные с ними API для HTML и XHTML, W3C Working Draft» . W3C . 5 апреля 2011 года .

[28] HTML 4.01 , W3C , Получено 2012-03-26

[29] Tittel, ed; Burmeister, Mary C. (2005). HTML 4 для чайников (5 -е изд.). Хобокен, Нью -Джерси: Уайли. п. 96. ISBN 978-0-7645-8917-1 Полем Получено 7 августа 2022 года .

[30] "Сервер -автор - /провайдер" . W3C .

[31] "HTML 5.2" . W3C .

[32] Аббревиатура , аббревиатура.

[html5-b-element-33] 4.6 Семантика на уровне текста-элемент B , разработчики. Whatwg.org , извлеченный 2012-03-26

[html5-i-element-34] 4.6 Семантика на уровне текста-I Element , Developers.Whatwg.org , Получено 2012-03-26

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

[html5-small-element-36] 4.6 Семантика на уровне текста-маленький элемент , разработчики. Whatwg.org , извлеченные 2012-03-26

[html5-s-element-37] 4.6 Семантика уровня текста-элемент S , разработчики. Whatwg.org , извлеченные 2012-03-26

[html5-tt-not-supported-38] Jump up to: ^а ^{беременный} 11 устаревших функций-HTML5 , W3C , Получено 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 и аббревиатура» . HTML 4.01 Спецификация . W3C . 24 декабря 1999 г. Получено 26 июля 2018 года .

[41] Html 5.2 W3C Рекомендация , по адресу "§4.5.6. Элемент цитирования" .

[42] Html Living Standard , в «§4.5.6 Элемент цитирования» .

[43] "<Data>" . MDN Web Docs .

[44] "Html <rb> Tag" . www.quackit.com .

[45] «<rp>: Элемент скобки Ruby Ballch» . MDN Web Docs .

[46] «<rt>: текстовый элемент рубин» . MDN Web Docs .

[47] «<rtc>: элемент контейнера Ruby Text» . MDN Web Docs .

[48] "<broby>" . MDN Web Docs .

[49] «<Шаблон>» . MDN Web Docs .

[50] "<mime>" . MDN Web Docs .

[51] "<wbr>" . MDN Web Docs .

[52] Дженнифер Кирнин Архивировал 2012-11-02 на машине Wayback <embed>

[53] W3schools о <embed>

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

[55] «Что нового в Internet Explorer 8 - доступность и ария» . MSDN . Microsoft . Получено 2009-07-22 .

[56] Ошибка 5566-Значение атрибута ALT Иногда не отображается, когда отсутствует изображение , bugs.webkit.org , полученные 2012-03-26

[57] Www-talk Jan-Mar 1993: предлагается новая тега: img , 1997.webhistory.org , Получено 2012-03-26

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

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

[61] «Присоединяйтесь к Longdesc» . Получено 2011-09-05 .

[62] «Создание доступных изображений» . Webaim . Получено 2008-12-20 .

[63] Использование Longdesc-Whatwg Wiki , Wiki.whatwg.org , Получено 2012-03-26

[64] «Ошибка 13461 - Комментарий по вопросу № 30 (Longdesc) от Ассоциации американских издателей» . Получено 2011-09-05 .

[WHATWG-deprecated-65] Jump up to: ^а ^{беременный} «Устаревшие-несоответствующие функции» . HTML Living Standard . Что -то . 22 июля 2022 года . Получено 7 августа 2022 года .

[66] "<xmp>" . MDN Web Docs . 24 февраля 2023 года.

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

[68] "HTML Standard" . html.spec.whatwg.org .

[ 1 ]

[ 2 ]

[ 3 ]

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

[ 4 ]

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

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

[ 6 ]

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

[ 7 ]

[ 8 ]

[ 9 ]

[ 10 ]

[ 11 ]

[ 12 ]

[ 13 ]

[ 14 ]

[ 15 ]

[ 16 ]

[ 17 ]

[ 18 ]

[ 19 ]

[ 20 ]

[ 21 ]

[ 22 ]

[ 23 ]

[ 24 ]

[ 25 ]

[ 26 ]

[ 27 ]

[ 28 ]

[ 29 ]

[ 30 ]

[ 31 ]

[ 32 ]

[ 33 ]

[ 34 ]

[ 35 ]

[ 36 ]

[ 37 ]

[ 38 ]

[ 39 ]

[ 40 ]

[ 41 ]

[ 42 ]

[ 43 ]

[ 44 ]

[ 45 ]

[ 46 ]

[ 47 ]

[ 48 ]

[ 49 ]

[ 50 ]

[ 51 ]

[ 52 ]

[ 53 ]

[ 54 ]

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

[ 55 ]

[ 56 ]

[ 57 ]

[ 58 ]

[ 59 ]

[ 60 ]

[ 61 ]

[ 62 ]

[ 63 ]

[ 5 ]

Концепции

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

SGML против XML

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

Обзор

Синтаксис

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

Атрибуты

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

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

Контент против презентации и поведения

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

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

Документировать элементы тела

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

Базовый текст

Списки

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

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

Якорь

Фраза элементов

Общий

Компьютерная фраза элементы

Презентация

Охватывать

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

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

Формы

Столы

Рамы

longdesc атрибут

Пример

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

Пример

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

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

Комментарии

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

Примечания

Ссылки

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

HTML Стандарты

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

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

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

`longdesc` атрибут