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

Основные элементы

Основные элементы являются основой любого HTML документа. Вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на страницеDOCTYPE определяет, какую версию (X) HTML эта страница использует. Элементы страницы находятся между открывающим тегом <HTML> и закрывающим </ HTML>. Элемент<html> называется корневым элементом.            

Элемент Описание
<html> Корневой элемент HTML-документа (<html>). Все остальные элементы должны быть потомками этого элемента.

Метаданные документа

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

Элемент Описание
<link>
<meta> Этот элемент включает в себя global attributes.
<style> HTML-элемент <style> содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.
<title> HTML элемент заголовка <title> определяет заголовок документа, отображаемый в строке заголовка браузера или на вкладке страницы. Данный тег может содержать только текст, любые теги, содержащиеся внутри, игнорируются.

Секционирование содержания

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

Элемент Описание
<address> HTML- тег <address>  задает контактные данные для ближайшего родительского <article> или <body> ; В последнем случае применяется ко всему документу, визуально выделяется курсивом.
<article> HTML элемент Article (<article>) представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для дальнейшего распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.
<aside> HTML-элемент <aside> представляет собой раздел документа с контентом, косвенно связанным с основным содержимым документа (часто представленным как боковая панель).
<footer> HTML-элемент <footer> представляет нижний колонтитул (футер, подвал) для своего ближайшего элемента секционного контента или секционного корня. Футер обычно содержит информацию об авторе секции, информацию об авторском праве или ссылки на связанные документы.
<header> HTML-элемент <header> группирует вводный или навигационный контент. Он может содержать как заголовки, так и прочие элементы: например логотип, форму поиска по сайту и так далее.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> HTML элементы <h1><h6> представляют собой 6 уровней заголовков секций. <h1> это наибольший заголовок и<h6> - наименьший
<hgroup> HTML
Элемент (HTML Headings Group Element - Элемент Группы Заголовков HTML) представляет заголовок раздела. Он определяет один заголовок, который участвует в cхеме документа как заголовок явно или неявно заданного раздела, к которому он принадлежит.
<main>
<nav> HTML-элемент <nav> определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки.
<section> HTML элемент <section> представляет собой автономную секцию функционала,  содержащуюся внутри HTML-документа, чаще всего с заголовком, в которой нет прочих специфических определяющих элементов, чтобы представить данный функционал.

Текстовое содержание

Используйте текстовые элементы HTML для организации блоков или разделов содержания, размещенные между тегами открытия <body> и закрытия </body>. Важное значение для accessibility и SEO, чтобы эти элементы определили цель или структуру этого контента.
 

Элемент Описание
<blockquote> HTML-элемент <blockquote> (от англ. Block Quotation) указывает на то, что заключенный в нем текст является развернутой цитатой. Обычно он (текст) визуально выделяется наклонным (смотри Примечание, где говорится о том, как это изменить). URI на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом <cite>.
<dd>
<dir>
<div> Элемент разделения контента HTML (<div>) является базовым контейнером для элементов основного потока ( flow content ). Он не влияет на контент или формат пока не стилизован, используя CSS. Являясь "чистым" контейнером, элемент <div> по своему существу не представляет ничего. Между тем, он используется для группировки контента, что позволяет легко его стилизовать, используя
<dl> HTML-элемент <dl> (от англ. Description List), служащий контейнером для списка пар терминов и их описаний. Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение).
<dt>
<figcaption>
<figure> HTML-элемент <figure> представляет самостоятельный контент, часто с подписью (<figcaption>), и обычно используется как единое целое.
<hr>
<li> HTML элемент
  • используется для создания элементов списка. Он также должен находиться в родительском элементе: нумерованном списке (<ol>), ненумерованном списке (<ul>), или меню (<menu>). В меню и ненумерованых списках, элементы списка обычно отображаются с маркерами в виде круга. В нумерованых списках, они обычно отображаются с маркерами в виде восходящего счетчика слева, например числа или буквы.
  • <main>
    <ol>
    <p> HTML-элемент <p> определяет собой абзац текста.
    <pre>
    <ul>

    Встроенные текстовые семантики

    Используйте встроенную в HTML текстовую семантику, чтобы определить смысл, структуру или стиль текста, линий или части текста.

    Элемент Описание
    <a> HTML-элемент <a> определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами.
    <abbr> См. более углублённые примеры в статье Как размечать аббревиатуры и делать их понятными.
    <b> HTML элемент <b>  является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом.
    <bdi> HTML элемент <bdi> (bidirectional isolation, или изоляция двунаправленности [текста]) изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).
    <bdo>
    <br> Тэг <br> (элемент переноса строки) устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки.
    <cite> HTML-элемент <cite> (от англ. Citation) представляет из себя ссылку на источник цитаты. Он должен включать в себя название произведения или URL, который может быть в сокращенном виде в соответствии с правилами, используемых для добавления метаданных цитирования.
    <code>
    <data>
    <dfn>
    <em>
    <i>
    <kbd> HTML элемент ввода с клавиатуры (<kbd>) указывает на то, что текст внутри элемента  описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста.
    <mark> HTML элемент <mark> представляет текст, выделенный в справочных целях из-за своей актуальности в определенном контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова.
    <q>
    <rb>
    <rp>
    <rt>
    <rtc>
    <ruby> HTML элемент<ruby> предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим.
    <s>
    <samp>
    <small>
    <span>
    <strong> Элемент сильной значимости (<strong>) указывает на то, что его содержание имеет большое значение, серьезность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.
    <sub>
    <sup>
    <time> Элемент HTML <time> используется для представления либо времени в 24-рехчасовом формате, либо точной даты по Григорианскому календарю (с опциональным указанием времени и часового пояса).
    <tt>
    <u>
    <var>
    <wbr>

    Изображения и мультимедиа

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

    Элемент Описание
    <area> The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
    <audio> HTML <audio> элемент используется для встраивания аудиоконтента в документы. Он может содержать один или несколько аудио-источников, представленных при помощи аттрибута src или при помощи <source> элемента; браузер будет выбирать наиболее подходящий источник.
    <img> <img> — элемент HTML, предназначенный для описания изображений.
    <map>
    <track>
    <video> Для встраивания видео контента в документ используйте элемент HTML <video>. Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент <source>; браузер сам определит наиболее подходящий источник.

    Встроенное содержание

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

    Элемент Описание
    <applet> Элемент HTML апплет (<applet>) определяет включение апплета java.</applet>
    <embed>
    <iframe>
    <noembed>
    <object>
    <param>
    <picture> HTML-элемент <picture> служит контейнером для одного или более элементов <source> и одного элемента <img> для обеспечения оптимальной версии изображения для различных размеров экрана.
    <source> HTML-элемент <source>  указывает несколько медиа-ресурсов для элементов <picture>, <video> и <audio>. Это пустой элемент. Он обычно используется для обслуживания одного и того же медиа-контента в нескольких форматах, поддерживаемых различными браузерами.

    Скриптинг

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

    Элемент Описание
    <canvas> HTML <canvas> Элемент может быть использован для отрисовки графики через скрипты (обычно используется JavaScript). На пример, его можно использовать для отрисовки графиков, делать композиции фото или даже выполнять анимации. Вы можете (и должны) дать альтернативное содержание внури блока <canvas>. Этот контент будет рендерится в обоих браузерах, в старых которые не поддерживают canvas и в браузерах с отключённым JavaScript.
    <noscript> Элемент HTML <noscript> определяет секцию html кода, которая будет вставлена, если в браузере пользователя нет либо отключена поддержка JavaScript'а.
    <script>

    Разграничительные правки

    Эти элементы позволяют вам отметить определённые части текста.

    Элемент Описание
    <del>
    <ins> Элемент HTML <ins> представляет собой диапазон текста, который был добавлен в документ

    Содержание таблиц

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

    Элемент Описание
    <caption> HTML элемент таблицы (<caption>) определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга <table>.
    <col> Этот элемент позволяет стилизировать столбцы с использованием CSS, но только несколько атрибутов будут иметь эффект на столбец (смотри спецификацию CSS 2.1).
    <colgroup>
    <table>
    <tbody>
    <td> HTML элемент <td> определяет ячейку таблицы которая содержит данные. Участвует в табличной модели.
    <tfoot> HTML элемент подвала таблицы (<tfoot>) определяющий набор строк суммирующих столбцы таблицы.
    <th>
    <thead>
    <tr>

    Формы

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

    Элемент Описание
    <button>
    <datalist> HTML-элемент <datalist> содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>, с атрибутом list.
    <fieldset>
    <form> Элемент HTML form (<form>) представляет (собой) раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер.
    <input> Элемент HTML <input> используется для создания интерактивных элементов управления в веб-формах.
    <label> HTML элемент <label> представляет собой подпись к элементу пользовательского интерфейса.
    <legend> HTML-элемент <legend> представляет собой заголовок содержания родительского элемента <fieldset>.
    <meter>
    <optgroup> HTML-элемент <optgroup> позволяет группировать опции, находящиеся внутри элемента <select>.
    <option> HTML элемент <option> используется для определения пункта списка контейнера <select>, элемента <optgroup>, или элемента <datalist>. Элемент <option> может представлять раздел меню всплывающих окон и других перечней или списков HTML документа.
    <output>
    <progress>
    <select> HTML тэг <select> представляет собой элемент управления который содержит меню опций:
    <textarea>

    Интерактивные элементы

    HTML содержит в себе элементы, которые помогают создавать интерактивные объекты пользовательского интерфейса.

    Элемент Описание
    <details> HTML-элемент <details> используется для раскрытия скрытой (дополнительной) информации.
    <dialog> HTML-элемент <dialog> определяет диалоговое окно или другой интерактивный элемент, такой как инспектор или окно. Элементы <form> могут интегрироваться с диалогом с помощью указания атрибута method="dialog". Когда отправляется такая форма, диалог закрывается с returnValue равным value нажатой кнопки submit.
    <menu>
    <menuitem>
    <summary>

    Веб-компоненты

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

    Замечание: Эти элементы определены в World Wide Web Consortium (W3C) Web Components collection of specifications скорее, чем в HTML спецификации. К тому же, спецификация Веб-компонентов не завершена и является темой для обсуждений.

    Элемент Описание
    <content>
    <element> HTML <element> element используется для определения новых пользовательских элементов DOM.
    <shadow>
    <slot>
    <template> HTML элемент <template> — это механизм для отложенного рендера клиентского контента, который не отображается во время загрузки, но может быть инициализирован при помощи JavaScript.

    Устаревшие и осуждаемые элементы

    Предупреждение: Эти HTML элементы являются устаревшими, и их использование не рекомендуется. Вы не должны использовать их для новых проектов, а также должны заменить их в старых проектах как можно быстрее. Они перечислены здесь только в информационных целях.

    Элемент Описание
    <acronym> Элемент акронима (<acronym>) позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой.
    <applet> Элемент HTML апплет (<applet>) определяет включение апплета java.</applet>
    <basefont> The obsolete HTML Base Font element (<basefont>) sets a default font face, size, and color for the other elements which are descended from its parent element.
    <bgsound>
    <big>
    <blink>
    <center>
    <command>
    <content>
    <dir>
    <element> HTML <element> element используется для определения новых пользовательских элементов DOM.
    <font> HTML фонт элемент(<font>) определяет размер шрифта, цвета и лицо для его содержимого
    <frame>
    <frameset>
    <image> Элемент HTML <image> был эксперементальным элементом, предназначенный для отображения изображений. Он никогда не был реализован, вместо него должен использоваться стандартный элемент <img>.
    <isindex>
    <keygen>
    <listing>
    <marquee> HTML-элемент <marquee> используется для создания на странице прокручивающегося текста (бегущей строки).
    <menuitem>
    <multicol>
    <nextid>
    <nobr>
    <noembed>
    <noframes>
    <plaintext>
    <shadow>
    <spacer>
    <strike>
    <tt>
    <xmp>

    Метки документа и участники

    Внесли вклад в эту страницу: AlimU11, BychekRU, Tihoem, Aleksej, teoli, Norville, irmatov, ethertank, Softwayer
    Обновлялась последний раз: AlimU11,