Элемент

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

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

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

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

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

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

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

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

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

Элемент Описание
<address>
<article> HTML элемент Article (<article>) представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для дальнейшего распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого. Каждый элемент <article> должен быть идентифицирован, что обычно делается через включение заголовка (элементы h1-h6) в качестве дочернего элемента <article>.
<aside>
<footer>
<header>
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
<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>

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

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

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

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

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

Элемент Описание
<a> Элемент () является одним из важных элементов HTML и предназначен для создания ссылок
<abbr> См. более углублённые примеры в статье Как размечать аббревиатуры и делать их понятными.
<b>
<bdi> HTML элемент <bdi> (или Элемент двунаправленной изоляции) изолирует текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).
<bdo>
<br> The HTML <br> Element (or HTML Line Break Element) produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.
<cite> HTML-элемент <cite> (от англ. Citation) представляет из себя ссылку на источник цитаты. Он должен включать в себя название произведения или URL, который может быть в сокращенном виде в соответствии с правилами, используемых для добавления метаданных цитирования.
<code>
<data>
<dfn>
<em>
<i>
<kbd>
<mark>
<q>
<rp>
<rt>
<rtc>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<time> Элемент HTML <time> используется для представления либо времени в 24-рехчасовом формате, либо точной даты по Григорианскому календарю (с опциональным указанием времени и часового пояса).
<u>
<var>
<wbr>

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

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

Элемент Описание
<area>
<audio>
<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>

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

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

Элемент Описание
<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>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>

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

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

Элемент Описание
<details>
<dialog>
<menu>
<menuitem>
<summary>

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

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

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

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

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

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

Элемент Описание
<acronym> Элемент акронима (<acronym>) позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой.
<applet>
<basefont>
<big>
<blink>
<center>
<command>
<content>
<dir>
<font>
<frame>
<frameset>
<isindex>
<keygen>
<listing>
<marquee> HTML-элемент <marquee> используется для создания на странице прокручивающегося текста (бегущей строки).
<multicol>
<nextid>
<noembed>
<plaintext>
<spacer>
<strike>
<tt>
<xmp>

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

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