We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

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

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

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

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

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

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

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

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

Элемент Описание
<address> HTML- тег <address>  задает контактные данные для ближайшего родительского <article> или <body> ; В последнем случае применяется ко всему документу, визуально выделяется курсивом.
<article> HTML элемент Article (<article>) представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для дальнейшего распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.
<aside> HTML-элемент <aside> представляет собой раздел документа с контентом, косвенно связанным с основным содержимым документа (часто представленным как боковая панель).
<footer> HTML-элемент <footer> представляет нижний колонтитул (футер, подвал) для своего ближайшего элемента секционного контента или секционного корня. Футер обычно содержит информацию об авторе секции, информацию об авторском праве или ссылки на связанные документы.
<h1–h6>
<header> HTML-элемент <header> группирует вводный или навигационный контент. Он может содержать как заголовки, так и прочие элементы: например логотип, форму поиска по сайту и так далее.
<hgroup> The HTML <hgroup> Element (HTML Headings Group Element) represents the heading of a section. It defines a single title that participates in the outline of the document as the heading of the implicit or explicit section that it belongs to.
<nav>
<section> HTML элемент <section> представляет собой автономную секцию функционала,  содержащуюся внутри HTML-документа, чаще всего с заголовком, в которой нет прочих специфических определяющих элементов, чтобы представить данный функционал.

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

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

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

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

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

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

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

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

    Элемент Описание
    <area>
    <audio> HTML <audio> элемент используется для встраивания аудиоконтента в документы. Он может содрежать один или несколько аудио источников, представленным при помощи аттрибута src или при помощи <source> элемента; браузер будет выбирать наиболее подходящий источник.
    <img> <img> — элемент HTML, предназначенный для описания изображений.
    <map>
    <track>
    <video> Для встраивания видео контента в документ используйте элемент HTML <video>. Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент <source>; браузер сам определит наиболее подходящий источник.

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

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

    Элемент Описание
    <embed>
    <object>
    <param>
    <source>

    Скриптинг

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

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

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

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

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

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

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

    Элемент Описание
    <caption>
    <col>
    <colgroup>
    <table>
    <tbody>
    <td>
    <tfoot> HTML элемент подвала таблицы (<tfoot>) определяющий набор строк суммирующих столбцы таблицы.
    <th>
    <thead>
    <tr>

    Формы

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

    Элемент Описание
    <button>
    <datalist>
    <fieldset>
    <form> Элемент HTML form (<form>) представляет секцию документа, содержащую интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер.
    <input> Элемент HTML <input> используется для создания интерактивных элементов управления в веб-формах.
    <label> HTML элемент <label> представляет собой подпись к элементу пользовательского интерфейса.
    <legend>
    <meter>
    <optgroup>
    <option>
    <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>
    <big>
    <blink>
    <center>
    <command>
    <content>
    <dir>
    <element> HTML <element> element используется для определения новых пользовательских элементов DOM.
    <font>
    <frame>
    <frameset>
    <image> Элемент HTML <image> был эксперементальным элементом, предназначенный для отображения изображений. Он никогда не был реализован, вместо него должен использоваться стандартный элемент <img>.
    <isindex>
    <keygen>
    <listing>
    <marquee> HTML-элемент <marquee> используется для создания на странице прокручивающегося текста (бегущей строки).
    <multicol>
    nextid: the next id element (obsolete)
    <noembed>
    <plaintext>
    <shadow>
    <spacer>
    <strike>
    <tt>
    <xmp>

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

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