software:development:web:docs:web:html:element:element
Содержание
Справочник по элементам HTML
На этой странице собраны все элементы HTML, созданные с использованием тегов . Они сгруппированы по функциям, чтобы помочь вам найти то, что вам нужно для реализации ваших идей. Хотя это руководство написано для относительных новичков в программировании, мы хотим, чтобы оно было полезным для всех.
Основные элементы
Основные элементы являются основой любого HTML документа. Вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на странице. <DOCTYPE> определяет, какую версию (X) HTML эта страница использует. Элементы страницы находятся между открывающим тегом <html> и закрывающим </html>. Элемент<html> называется корневым элементом.
| Элемент | Описание |
|---|---|
| <html> | Представляет собой корень (элемент верхнего уровня) HTML-документа, поэтому его так же называют корневым элементом. Все другие элементы должны быть потомками этого элемента (должны находиться внутри него). |
Метаданные документа
Метаданные содержат информацию о странице. Они включают в себя информацию о стилях, скрипты и данные, чтобы помочь программному обеспечению (поисковые системы, браузеры и т.д.) использовать и отображать страницу. Метаданные для стилей и скрипты могут быть определены на странице или ссылке на другой файл, который имеет информацию.
| Элемент | Описание |
|---|---|
| <base> | Определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один <base> элемент в одном документе. |
| <head> | Содержит машиночитаемую информацию (metadata) о документе, например его заголовок, скрипты и страницы стилей. |
| <link> | Определяет отношения между текущим документом и внешним ресурсом. Этот элемент чаще всего используется для ссылки на stylesheets, а также для создания иконок сайта (как для иконок в стиле «favicon», так и для иконок домашних экранов и приложений мобильных устройств) среди прочего. |
| <meta> | Представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как <base>, <link>, <script>, <style> или <title>. |
| <style> | Содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS. |
| <title> | Определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются. |
Корень раздела
Разделение контента
Секционирование содержания элементов позволяет разложить содержимое документа на логические части. Используйте секционирование элементов для создания общих черт содержания страницы, включая шапку и подвал и заголовочные элементы для обозначения разделов.
| Элемент | Описание |
|---|---|
| <address> | Задаёт контактные данные для ближайшего родительского <> или <body> ; В последнем случае применяется ко всему документу, визуально выделяется курсивом. |
| <article> | Представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого. |
| <aside> | Представляет собой часть документа, чьё содержимое только косвенно связанно с основным содержимым документа. Чаще всего представлен в виде боковой панели, сносок или меток. |
| <footer> | Представляет собой нижний колонтитул (футер, подвал) для своего ближайшего секционного контента или секционного корня. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы. |
| <header> | Представляет собой вводный контент, обычно группу вводных или навигационных средств. Он может содержать другие элементы-заголовки, а также логотип, форму поиска, имя автора и другие элементы. |
| <h1>, <h2>, <h3>, <h4>, <h5>, <h6> | HTML-элементы <h1>–<h6> представляют собой 6 уровней заголовков секций. <h1> это наибольший заголовок и <h6> - наименьший. |
| <hgroup> | Представляет заголовок, сгруппированный с любым дополнительным содержимым, например подзаголовками, альтернативным заголовком или слоганом. |
| <main> | Предназначен для основного контента (содержимого) <body> документа (страницы). Основной контент состоит из контента, который непосредственно относится к главной теме документа или её развивает. |
| <nav> | Определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки. |
| <section> | Представляет собой автономный раздел — который не может быть представлен более точным по семантике элементом — внутри HTML-документа. Как правило, но не всегда, разделы имеют заголовок. |
| <search> | Представляет часть, содержащую набор элементов управления формой или другое содержимое, связанное с выполнением операции поиска или фильтрации. |
Текстовое содержание
Используйте текстовые элементы HTML для организации блоков или разделов содержания, размещённые между тегами открытия <body> и закрытия <body>. Важное значение для accessibility и SEO, чтобы эти элементы определили цель или структуру этого контента.
| Элемент | Описание |
|---|---|
| <blockquote> | Указывает на то, что заключённый в нем текст является развёрнутой цитатой. Обычно он (текст) визуально выделяется наклонным (смотри Примечание , где говорится о том, как это изменить). URI на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом <cite>. |
| <dd> | Предоставляет подробности или определение предшествующего термина (<dt>) в списке определений (<dl>). |
| <div> | Является универсальным контейнером для потокового контента. Он не влияет на контент или макет до тех пор, пока не будет стилизован с помощью CSS. (например, к нему непосредственно не будет применен стиль или к его родительскому элементу не будет применена какая-либо модель макета, такая как flexbox). |
| <dl> | Представляет собой список описаний. Этот элемент служит контейнером для списка пар терминов (определяемых элементом <dt>) и их описаний (определяемых элементами <dd>). Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение). |
| <dt> | Определяет термин в описании или списке определений, как таковой должен использоваться внутри элемента <dl> . Обычно за ним следует элемент <dd>. Кроме того, несколько элементов <dt> идущие друг за другом будут содержать своё определение в следующем идущем за ним элементом<dd>. |
| <figcaption> | Представляет собой подпись (заголовок) или легенду, описывающую остальную часть содержимого родительского элемента <figure>. |
| <figure> | Представляет самостоятельный контент, часто с подписью (заголовком), которая указывается с помощью элемента (<figcaption>). Диаграмма и её подпись представляет собой единое целое. |
| <hr> | Представляет тематический разрыв между элементами уровня абзаца: например, смену сцены в рассказе или сдвиг темы внутри раздела. |
| <li> | Используется для создания элементов списка. Он также должен находиться в родительском элементе: упорядоченном списке (<ol>), неупорядоченном списке (<ul>), или меню (<menu>). В меню и неупорядоченных списках, элементы списка обычно отображаются с маркерами в виде круга. В упорядоченных списках, они обычно отображаются с маркерами в виде возрастающего счётчика слева, например числа или буквы. |
| <menu> | Семантическая альтернатива <ul>, но обрабатывается браузерами (и отображается через дерево доступности) как ничем не отличающаяся от <ul>. Он представляет собой неупорядоченный список элементов (которые представлены <li>элементами). |
| <ol> | Используется для упорядоченного списка — в частности для пронумерованного списка. |
| <p> | Представляет собой абзац. Абзацы обычно представлены в визуальной среде в виде блоков текста, отделённых от соседних блоков пустыми строками и/или отступом в первой строке, кроме этого HTML-абзацы могут представлять собой структурную группировку однотипного содержимого, например изображений или полей формы. |
| <pre> | Представляет собой предварительно отформатированный текст, который должен быть представлен точно так, как написано в HTML-файле. Текст обычно отображается с использованием непропорционального ("monospace") шрифта. Пробелы внутри этого элемента отображаются как записанные. |
| <ul> | Используется для неупорядоченного списка - в частности для маркированного списка. |
Семантика встроенного текста
Используйте встроенную в HTML текстовую семантику, чтобы определить смысл, структуру или стиль текста, линий или части текста.
| Элемент | Описание |
|---|---|
| <a> | Определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами. |
| <abbr> | Представляет собой аббревиатуру или акроним и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут title. Иные значения title, кроме расшифровки аббревиатуры не допускаются. |
| <b> | Используется для привлечения внимания читателя к содержимому элемента, которому в противном случае не придается особого значения. Раньше он назывался элементом Boldface, и большинство браузеров до сих пор рисуют текст полужирным шрифтом. Однако не следует использовать его <b>для стилизации текста или придания важности. Если вы хотите создать жирный текст, вам следует использовать font-weight свойство CSS. Если вы хотите указать, что элемент имеет особую важность, вам следует использовать сильный элемент. |
| <bdi> | Указывает двунаправленному алгоритму браузера обрабатывать содержащийся в нем текст отдельно от окружающего его текста. Это особенно полезно, когда веб-сайт динамически вставляет некоторый текст и не знает направления вставляемого текста. |
| <bdo> | Переопределяет текущее направление текста так, что текст внутри отображается в другом направлении. |
| <br> | Устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки. |
| <cite> | Представляет из себя ссылку на источник цитаты. Он должен включать в себя название произведения или URL, который может быть в сокращённом виде в соответствии с правилами, используемых для добавления метаданных цитирования. |
| <code> | Отображает его содержимое в стиле, предназначенном для указания на то, что текст является коротким фрагментом компьютерного кода. По умолчанию текст содержимого отображается с использованием шрифта монопространства по умолчанию пользовательского агента. |
| <data> | Связывает данное содержимое с машиночитаемым представлением. Если содержимое относится к времени или дате, необходимо использовать элемент <time>. |
| <dfn> | Используется для указания термина, определяемого в контексте фразы или предложения. Элемент -предок <p>, пара <dt>/<dd> или элемент <section>, который является ближайшим предком <dfn> считается определением термина. |
| <em> | Отмечает акцентируемый текст. Элемент <em> может быть вложенным, причём каждый уровень вложенности указывает на большую степень акцента. |
| <i> | Представляет собой отрывок текста, выделяемый среди прочего по определенным причинам, например: идиоматический текст, технические термины, систематические обозначения и прочее. Обычно отмечается курсивом, от чего и получил свое название (от англ. Italic). |
| <kbd> | Указывает на то, что текст внутри элемента описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста. По общему соглашению, user agent использует моноширинный шрифт для отображения содержимого элемента <kbd> по умолчанию, хотя это и не указывается HTML стандартом явно. |
| <mark> | Представляет текст, выделенный в справочных целях из-за своей актуальности в определённом контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова. |
| <q> | Указывает, что прилагаемый текст представляет собой короткую встроенную цитату. Большинство современных браузеров реализуют это, заключая текст в кавычки. Этот элемент предназначен для коротких цитат, не требующих разрывов абзацев; для длинных цитат используйте <blockquote> элемент. |
| <rp> | Используется для предоставления запасных круглых скобок для браузеров, которые не поддерживают отображение аннотаций Ruby с использованием этого <ruby> элемента. Один <rp> элемент должен заключать в себя каждую открывающую и закрывающую скобку, заключающую в себя <rt> элемент, содержащий текст аннотации. |
| <rt> | Указывает текстовый компонент Ruby аннотации Ruby, который используется для предоставления информации о произношении, переводе или транслитерации для восточноазиатской типографики. Элемент <rt> всегда должен содержаться внутри <ruby> элемента. |
| <ruby> | Предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим. |
| <s> | Отображает текст перечеркнутым или перечеркнутым линией. Используйте этот <s> элемент для обозначения вещей, которые больше не актуальны или неточны. Однако, <s> это не подходит при указании изменений в документе; для этого используйте элементы <del> и <ins>, если это необходимо. |
| <samp> | Используется для включения встроенного текста, представляющего пример (или цитирование) вывода компьютерной программы. Его содержимое обычно отображается с использованием моноширинного шрифта браузера по умолчанию (например, Courier или Lucida Console). |
| <small> | Представляет побочные комментарии и мелкий шрифт, например текст об авторских правах и юридический текст, независимо от его стилизованного представления. По умолчанию текст внутри него отображается на один размер шрифта меньше, например от smallдо x-small. |
| <span> | Является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов class или id) или потому, что они имеет общие значения атрибутов, например lang. Он должен быть использован только когда нет другого подходящего по семантике элемента. <span> очень похож на элемент <div>, но <div> является блочным элементом, в то время как <span> является элементом строчного уровня. |
| <strong> | Указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом. |
| <sub> | Указывает встроенный текст, который должен отображаться в виде нижнего индекса исключительно по типографским причинам. Нижние индексы обычно отображаются с пониженной базовой линией и более мелким текстом. |
| <sup> | Указывает встроенный текст, который должен отображаться как надстрочный индекс исключительно по типографским причинам. Надстрочные индексы обычно отображаются с приподнятой базовой линией и более мелким текстом. |
| <time> | Используется для представления либо времени в 24-часовом формате, либо точной даты по Григорианскому календарю (с опциональным указанием времени и часового пояса). Он может включать datetime атрибут для перевода дат в машиночитаемый формат, что позволяет улучшить результаты поисковых систем или использовать специальные функции, такие как напоминания. |
| <u> | Представляет фрагмент встроенного текста, который должен отображаться таким образом, чтобы указывать на наличие нетекстовой аннотации. По умолчанию это отображается как простое сплошное подчеркивание, но его можно изменить с помощью CSS. |
| <var> | Представляет имя переменной в математическом выражении или контексте программирования. Обычно он отображается с использованием курсивной версии текущего шрифта, хотя такое поведение зависит от браузера. |
| <wbr> | Предоставляет возможность переноса слова – позицию в тексте, где браузер может по желанию разбить строку, в противном случае его правила разрыва строки не будут создавать разрыв в этом месте. |
Изображения и мультимедиа
HTML позволяет использовать различные мультимедийные ресурсы, такие как изображения, аудио и видео.
| Элемент | Описание |
|---|---|
| <area> | Определяет область внутри карты изображений с предопределенными областями, доступными для щелчка. Карта изображения позволяет связать геометрические области изображения с помощью гиперссылки. Этот элемент используется только внутри элемента <map>. |
| <audio> | Используется для встраивания звукового контента в документ. Он может содержать один или более источников аудио, представленных с помощью атрибута src или элемента <source> – браузер выберет один наиболее подходящий. Он так же может предназначаться для потокового мультимедиа, используя интерфейс MediaStream. |
| <img> | Встраивает изображение в документ. Это замещаемый элемент. |
| <map> | Используется с элементами <area> для определения карты изображения (интерактивной области ссылок). |
| <track> | Используется как дочерний элемент медиа-элементов <audio> and <video>. Позволяет указать синхронизированные текстовые дорожки (или данные на основе времени), например, для автоматической обработки субтитров. Файлы треков используют формат WebVTT (.vtt файлы) — Web Video Text Tracks или Timed Text Markup Language (TTML). |
| <video> | Для встраивания видео контента в документ используйте элемент HTML <video>. Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент <source>; браузер сам определит наиболее подходящий источник. |
Встроенное содержание
Содержание мультимедийных HTML включает в себя другие материалы, даже если они не всегда легко взаимодействуют.
| Элемент | Описание |
|---|---|
| <embed> | Вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например. |
| <iframe> | Представляет вложенный контекст просмотра, встраивающий другую HTML-страницу в текущую. |
| <object> | Представляет внешний ресурс, который можно рассматривать как изображение, вложенный контекст просмотра или ресурс, обрабатываемый подключаемым модулем. |
| <picture> | Служит контейнером для одного или более элементов <source> и одного элемента <img> для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов <source> и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов <source> найдено не будет, то будет выбран файл, указанный атрибутом src элемента <> . Затем выбранное изображение отображается в пространстве, занятом элементом <>. |
| <portal> | Позволяет встроить другую HTML-страницу в текущую, чтобы обеспечить более плавную навигацию по новым страницам. |
| <source> | Указывает несколько медиа-ресурсов для элементов <picture>, <video> и <audio>. Это пустой элемент. Он обычно используется для предоставления одного и того же медиа-контента в нескольких форматах файлов, чтобы обеспечить совместимость с широким спектром браузеров, учитывая различную поддержку форматов файлов изображений и форматов медиа-файлов. |
SVG and MathML
You can embed SVG and MathML content directly into HTML documents, using the <svg> and <math> elements.
| Элемент | Описание |
|---|---|
| <svg> | Представляет собой контейнер, который определяет новую систему координат и область просмотра. Он используется, как самый внешний элемент документов SVG, но также может использоваться для встраивания фрагмента SVG в документ SVG или HTML. |
| <math> | Элементом верхнего уровня в MathML является тэг <math>. Каждый допустимый экземпляр MathML должен быть внутри этого контейнера. Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов. |
Скриптинг
Чтобы создавать динамический контент и веб-приложения, HTML поддерживает использование скриптовых языков, наиболее известным является JavaScript. Некоторые элементы поддерживают эту возможность.
| Элемент | Описание |
|---|---|
| <canvas> | Элемент-контейнер, который можно использовать либо с API сценариев Canvas, либо с API WebGL для рисования графики и анимации. Вы можете (и должны) дать альтернативное содержание внутри блока <canvas>. Этот контент будет рендерится в обоих браузерах, в старых которые не поддерживают canvas и в браузерах с отключённым JavaScript. |
| <noscript> | Определяет секцию HTML кода, которая будет вставлена, если в браузере пользователя нет, либо отключена поддержка JavaScript. |
| <script> | Используется для встраивания или подключения исполняемого JavaScript кода. Элемент <> также может использоваться с другими языками, такими как язык программирования шейдеров GLSL WebGL и JSON. |
Разграничительные правки
Эти элементы позволяют вам отметить определённые части текста.
| Элемент | Описание |
|---|---|
| <del> | Представляет диапазон текста, который был удалён из документа. Он может быть использован, например, при отображении «отслеживания изменений» или различий в исходном коде. Элемент <ins> можно использовать для противоположной цели: указание текста, который был добавлен в документ. |
| <ins> | Представляет диапазон текста, добавленного в документ. Вы можете использовать этот <del> элемент для аналогичного представления диапазона текста, удаленного из документа. |
Содержание таблиц
Эти элементы используются для создания и обработки табличных данных.
| Элемент | Описание |
|---|---|
| <caption> | Определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга <table>. Внешний вид и расположение заголовка по отношению к самой таблице может быть изменено с помощью стилей CSS caption-side and text-align. |
| <col> | Определяет столбец в таблице и используется для определения общей семантики для всех общих ячеек. Обычно он находится внутри элемента <colgroup>. |
| <colgroup> | Определяет группу столбцов в таблице. |
| <table> | Представляет табличные данные, то есть информацию, представленную в двумерной таблице, состоящей из строк и столбцов ячеек, содержащих данные. |
| <tbody> | Инкапсулирует набор строк таблицы (<tr> элементов), указывая, что они составляют тело таблицы (<table> ). |
| <td> | Определяет ячейку таблицы которая содержит данные. Участвует в табличной модели. |
| <tfoot> | Определяет набор строк суммирующих столбцы таблицы. |
| <th> | Определяет ячейку как заголовок группы ячеек таблицы. Точная природа этой группы определяется атрибутами scope и headers. |
| <thead> | Определяет набор строк, определяющих заголовки столбцов таблицы. |
| <tr> | Определяет строку ячеек в таблице. Затем ячейки строки можно создать, используя сочетание элементов <td> (ячейка данных) и <th> (ячейка заголовка). |
Формы
HTML содержит некоторое количество элементов, которые используются вместе для создания форм, которые пользователь может заполнить и отправить на сервер. Доступно множество информации по этой теме в руководстве по HTML формам.
| Элемент | Описание |
|---|---|
| <button> | Интерактивный элемент, активируемый пользователем с помощью мыши, клавиатуры, пальца, голосовой команды или другой вспомогательной технологии. После активации он выполняет действие, например отправку формы или открытие диалогового окна. По умолчанию, кнопки HTML обычно представлены в стиле, аналогичном стилю хост-платформы, на которой работает user agent, но вы можете изменить внешний вид кнопки, используя CSS. |
| <datalist> | Содержит набор элементов (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>, с атрибутом list. |
| <fieldset> | Используется для группировки нескольких элементов управления, а также меток (<label>) внутри веб-формы. |
| <form> | Представляет (собой) раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер. |
| <input> | Используется для создания интерактивных элементов управления для веб-форм для приема данных от пользователя; доступно большое разнообразие типов входных данных и виджетов управления, в зависимости от устройства и пользовательского агента. Этот <input> элемент является одним из самых мощных и сложных во всем HTML из-за огромного количества комбинаций типов ввода и атрибутов. |
| <label> | Представляет заголовок для элемента в пользовательском интерфейсе. |
| <legend> | Представляет собой заголовок содержания родительского элемента <fieldset>. |
| <meter> | Представляет собой скалярное значение в пределах известного диапазона или дробного значения. |
| <optgroup> | Создает группу параметров внутри <select> элемента. |
| <option> | Используется для определения элемента, содержащегося в <select>, элемента <optgroup>, или элемента <datalist>. Элемент <option> может представлять раздел меню всплывающих окон и других перечней или списков HTML документа. |
| <output> | Является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя. |
| <progress> | Отображает индикатор, показывающий ход выполнения задачи, обычно отображаемый в виде прогресс бара (индикатора выполнения). |
| <select> | Представляет элемент управления, предоставляющий меню параметров. |
| <textarea> | Представляет собой многострочный элемент управления для редактирования обычного текста, полезный, когда вы хотите разрешить пользователям вводить значительный объем текста в произвольной форме, например комментарий к отзыву или форму обратной связи. |
Интерактивные элементы
HTML содержит в себе элементы, которые помогают создавать интерактивные объекты пользовательского интерфейса.
| Элемент | Описание |
|---|---|
| <details> | Создает виджет раскрытия, в котором информация видна только тогда, когда виджет переключается в «открытое» состояние. С помощью элемента необходимо предоставить сводку или метку <summary>. |
| <dialog> | Определяет диалоговое окно или другой интерактивный элемент, такой как инспектор или окно. Элементы <form> могут интегрироваться с диалогом с помощью указания атрибута method=«dialog». Когда отправляется такая форма, диалог закрывается с returnValue равным value нажатой кнопки submit. |
| <summary> | Задает сводку, заголовок или легенду для поля раскрытия элемента сведений. Щелчок по <summary> элементу переключает состояние родительского <details> элемента открытым и закрытым. |
Веб-компоненты
Веб-компоненты - технология, относящаяся к HTML и делающая возможным создание и использование пользовательских элементов, как будто они в обычном HTML. Кроме того, вы можете даже создавать свои версии стандарта HTML элементов.
Примечание: Эти элементы определены в World Wide Web Consortium (W3C) Web Components collection of specifications скорее, чем в HTML спецификации. К тому же, спецификация Веб-компонентов не завершена и является темой для обсуждений.
| Элемент | Описание |
|---|---|
| <slot> | Является частью набора технологии Web Components, является заполнителем внутри веб компонента, который можно заполнить собственной разметкой, которая позволяет создавать отдельные деревья DOM и представлять их вместе. |
| <template> | Представляет собой механизм для отложенного создания клиентского контента, который не отображается во время загрузки страницы, но может быть инициализирован при помощи JavaScript. |
Устаревшие и осуждаемые элементы
Предупреждение: Эти HTML-элементы являются устаревшими, и их использование не рекомендуется. Вы не должны использовать их для новых проектов, а также должны заменить их в старых проектах как можно быстрее. Они перечислены здесь только в информационных целях.
| Элемент | Описание |
|---|---|
| <acronym> | Позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой. |
| <applet> | Определяет включение апплета Java. |
| <bgsound> | Настраивает звуковой файл для воспроизведения в фоновом режиме во время использования страницы; вместо этого используйтеe <audio>. |
| <big> | Отображает вложенный текст с размером шрифта на один уровень больше, чем окружающий текст ( например, medium становится ). largeРазмер ограничен максимально допустимым размером шрифта браузера. |
| <blink> | Заставляет заключенный текст медленно мигать. |
| <center> | Отображает его блочное или встроенное содержимое, центрированное по горизонтали внутри содержащего его элемента. |
| <content> | Устаревшая часть набора технологий веб-компонентов — использовалась внутри Shadow DOM в качестве точки вставки и не предназначалась для использования в обычном HTML. Теперь он заменен элементом <slot>, создающим точку в DOM, в которую можно вставить теневой DOM. Рассмотрите возможность использования <slot> вместо этого. |
| <dir> | Контейнер для каталога файлов и/или папок, потенциально со стилями и значками, применяемыми пользовательским агентом. Не используйте этот устаревший элемент; вместо этого вы должны использовать этот <ul> элемент для списков, включая списки файлов. |
| <font> | Определяет размер шрифта, цвета и лицо для его содержимого. |
| <frame> | Определяет конкретную область, в которой может отображаться другой HTML-документ. Фрейм следует использовать в файле <frameset> . |
| <frameset> | Используется для содержания <frame> элементов. |
| <image> | Примечание: Этот элемент был удалён из HTML5 (W3C) спецификации , но до сих пор остаётся в спецификации WHATWG. Он частично встроен в большинство браузеров, хотя бы поэтому вряд ли уйдёт. Поскольку схематический алгоритм не реализован ни в одном браузере, семантика тега <hgroup> на практике реализована только теоретически. Спецификация HTML5 (W3C) даёт совет как обозначать подзаголовки, альтернативные заголовки и слоганы. Элемент HTML <image> был экспериментальным элементом, предназначенный для отображения изображений. Он никогда не был реализован, вместо него должен использоваться стандартный элемент <img>. |
| <marquee> | Используется для вставки области прокрутки текста. Вы можете контролировать, что происходит, когда текст достигает краев области содержимого, используя его атрибуты. |
| <menuitem> | HTML-элемент <marquee> используется для создания на странице прокручивающегося текста (бегущей строки). |
| <nobr> | Предотвращает автоматический перенос содержащегося в нем текста на несколько строк, что потенциально может привести к тому, что пользователю придется прокручивать текст по горизонтали, чтобы увидеть всю ширину текста. |
| <noembed> | Устаревший, нестандартный способ предоставления альтернативного или «запасного» контента для браузеров, которые не поддерживают элемент встраивания или не поддерживают тип встроенного контента, который желает использовать автор. Этот элемент устарел в HTML 4.01 и выше в пользу размещения резервного содержимого между открывающим и закрывающим тегами элемента <object> . |
| <noframes> | Предоставляет контент, который будет представлен в браузерах, которые не поддерживают (или отключили поддержку) этого <frame> элемента. Хотя большинство широко используемых браузеров поддерживают фреймы, существуют исключения, в том числе некоторые браузеры специального назначения, в том числе некоторые мобильные браузеры, а также браузеры с текстовым режимом. |
| <param> | Определяет параметры элемента <object>. |
| <plaintext> | Отображает все, что следует за открывающим тегом, как необработанный текст, игнорируя любой следующий HTML. Закрывающего тега нет, так как все, что после него, считается необработанным текстом. |
| <rb> | Используется для разграничения базового текстового компонента аннотации Ruby, т. е. текста, который аннотируется. Один <rb> элемент должен обертывать каждый отдельный атомарный сегмент базового текста. |
| <rtc> | Охватывает семантические аннотации символов, представленные в рубине <rb> элементов, используемых внутри <ruby> элемента. <rb> элементы могут иметь как произношение (<rt> ) , так и семантические (<rtc> ) аннотации. |
| <shadow> | Устаревшая часть набора технологий Web Components,предназначенная для использования в качестве точки вставки теневой модели DOM. Вы могли бы использовать его, если создали несколько теневых корней под теневым хостом. Рассмотрите возможность использования <slot> вместо этого. |
| <spacer> | Позволяет вставлять пустые места на страницах. Он был разработан Netscape для достижения того же эффекта, что и однопиксельное изображение макета, которое веб-дизайнеры использовали для добавления пробелов на веб-страницы без фактического использования изображения. Однако <spacer> больше не поддерживается ни одним крупным браузером, и тех же эффектов теперь можно добиться с помощью простого CSS. |
| <strike> | Помещает зачеркивание (горизонтальную линию) над текстом. |
| <tt> | Создает встроенный текст, который представлен с использованием моноширинного шрифта пользовательского агента по умолчанию. Этот элемент был создан для отображения текста в том виде, в котором он будет отображаться на дисплее фиксированной ширины, таком как телетайп, текстовый экран или линейный принтер. |
| <xmp> | Отображает текст между начальным и конечным тегами без интерпретации HTML-кода между ними и с использованием моноширинного шрифта. Спецификация HTML2 рекомендовала, чтобы он отображался достаточно широко, чтобы в строке было 80 символов. |
Примечание
- Устаревший. Не для использования на новых web-сайтах.
- Экспериментальный. Возможно изменение в будущем.
- Нестандартный. Проверьте поддержку браузером.
software/development/web/docs/web/html/element/element.txt · Последнее изменение: 2024/03/17 12:19 — vladpolskiy
Обсуждение