HTML элементы. Полный справочник тегов
Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих
HTML теги упорядоченные по алфавиту
= Новый в HTML5.
Тег | Описание |
---|---|
<!--...--> | Определяет комментарий |
<!DOCTYPE> | Определяет тип документа |
<a> | Определяет гиперссылку |
<abbr> | Определяет абревиатуру или акроним |
<acronym> | Не поддерживается в HTML5. Используйте <abbr> вместо этого. Определяет акроним |
<address> | Определяет контактную информацию автора / владельца документа |
<applet> | Не поддерживается в HTML5. Используйте <embed> или <object> вместо этого. Определяет встроенный аплет |
<area> | Определяет область внутри карты изображения |
<article> | Определяет статью |
<aside> | Определяет содержание, кроме содержания страницы (в стороне) |
<audio> | Определяет звуковой контент |
<b> | Определяет жирный текст |
<base> | Указывает базовый URL-адрес / цель для всех относительных URL-адресов документа |
<basefont> | Не поддерживается в HTML5. Используйте CSS вместо этого. Отпределяет цвет, размер и шрифт по умолчанию для всего текста документа |
<bdi> | Изолирует часть текста, который может быть отформатирован в другом направлении от иного текста за его пределами |
<bdo> | Переопределяет текущее направление текста |
<big> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет увеличенный текст |
<blockquote> | Определяет раздел, который цитируется с другого источника |
<body> | Определяет тело документа |
<br> | Определяет разрыв строки |
<button> | Определяет кнопку, которую можно нажимать |
<canvas> | Используется для рисования на лету, с помощью сценариев (обычно на JavaScript) |
<caption> | Определяет подпись к таблице |
<center> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет центрирование текста |
<cite> | Определяет название произведения при цитировании из него |
<code> | Определяет фрагмент компьютерного кода |
<col> | Указывает свойства столбцов для каждого столбца в элементе <colgroup> |
<colgroup> | Определяет группу с одного или нескольких столбцов в таблице для форматирования |
<data> | Связывает заданный контент с машиночитаемым переводом |
<datalist> | Определяет список предварительно определённых параметров управления вводом |
<dd> | Определяет описание / значение термина в списке описания |
<del> | Определяет удалённый с документа текст |
<details> | Определяет дополнительные детали, которые пользователь может просматривать или прятать |
<dfn> | Задаёт термин, для которого будет дано определение (definition) |
<dialog> | Определяет диалоговый бокс или окно |
<dir> | Не поддерживается в HTML5. Используйте <ul> вместо этого. Определяет список каталогов |
<div> | Определяет раздел (блочный) в документе |
<dl> | Определяет список описаний |
<dt> | Определяет термин / имя в списке описания |
<em> | Определяет семантически подчёркнутый текст (empharized) |
<embed> | Определяет контейнер для внешнего (не HTML) приложения |
<fieldset> | Группы связанных элементов в форме |
<figcaption> | Определяет заголовок для элемента <figure> |
<figure> | Определяет автономное содержание |
<font> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет шрифт, цвет и размер текста |
<footer> | Определяет нижний колонтитул (футер) для документа или раздела |
<form> | Определяет HTML форму для ввода пользователем |
<frame> | Не поддерживается в HTML5. Определяет окно (фрейм) в наборе фреймов |
<frameset> | Не поддерживается в HTML5. Определяет набор фреймов |
<h1> to <h6> | Определяет HTML заголовки |
<head> | Определяет информацию о документе |
<header> | Определяет заголовок для документа или раздела |
<hr> | Определяет тематическую смену контента |
<html> | Определяет корень HTML-документа |
<i> | Определяет часть текста альтернативным голосом или настроением |
<iframe> | Определяет встроенный фрейм |
<img> | Определяет изображение |
<input> | Определяет элемент управления вводом |
<ins> | Определяет текст, который был вставлен в документ |
<kbd> | Определяет ввод с клавиатуры |
<label> | Определяет метку для элемента <input> |
<legend> | Определяет заголовок для элемента <fieldset> |
<li> | Определяет элемент списка |
<link> | Определяет взаимосвязь между документом и внешним ресурсом (обычно используется для ссылки на внешние таблицы стилей) |
<main> | Определяет основное содержание документа |
<map> | Определяет карту изображения на стороне клиента |
<mark> | Определяет помеченный (маркированный) / выделенный текст |
<meta> | Определяет метаданные HTML документа |
<meter> | Определяет скалярное измерение в пределах известного диапазона (датчик) |
<nav> | Определяет навигационные ссылки (навигация по сайту) |
<noframes> | Не поддерживается в HTML5. Определяет альтернативное содержание для пользователей, которые не поддерживают фреймы |
<noscript> | Определяет альтернативное содержание для пользователей, которые не поддерживают скрипты на стороне клиента |
<object> | Определяет встроенный объект |
<ol> | Определяет упорядоченный (нумерованный) список |
<optgroup> | Определяет группу соответствующих параметров в выпадающем списке (выпадающем меню) |
<option> | Определяет параметр в выпадающем списке |
<output> | Определяет результат расчёт (калькуляции) |
<p> | Определяет параграф (абзац) |
<param> | Определяет параметр для объекта |
<picture> | Определяет контейнер для нескольких ресурсов изображения |
<pre> | Определяет предварительно отформатированный текст |
<progress> | Представляет ход выполнения задания |
<q> | Определяет короткую цитату |
<rp> | Определяет, что показывать в браузерах, которые не поддерживают ruby аннотации |
<rt> | Определяет пояснения / произношение символов (для восточноазиатской типографики) |
<ruby> | Определяет аннотацию ruby (для восточноазиатской типографики) |
<s> | Определяет текст, который больше не является правильным |
<samp> | Определяет исходные данные с компьютерной программы |
<script> | Определяет скрипт на стороне клиента |
<section> | Определяет раздел (секцию) в документе |
<select> | Определяет выпадающий список |
<small> | Определяет меньший текст |
<source> | Определяет несколько медиа-ресурсов для медиа-элементов (<video> и <audio>) |
<span> | Определяет раздел (строчный) в документе |
<strike> | Не поддерживается в HTML5. Используйте <del> или <s> вместо этого. Определяет перечеркнутый текст |
<strong> | Определяет семантически важный текст |
<style> | Определяет информацию о стиле в документе |
<sub> | Определяет подстрчный текст (нижний индекс) |
<summary> | Определяет видимый заголовок для элемента <details> |
<sup> | Определяет надстрочный текст (верхний индекс) |
<svg> | Определяет контейнер для графики SVG |
<table> | Определяет таблицу |
<tbody> | Группирует содержание тела в таблице |
<td> | Определяет клетку (ячейку) в таблице |
<template> | Определяет шаблон |
<textarea> | Определяет многострочный элемент управления вводом (текстовая область) |
<tfoot> | Группирует содержание нижнего колонтитула в таблице |
<th> | Определяет ячейку заголовка в таблице |
<thead> | Группирует содержание заголовка в таблице |
<time> | Определяет дату / время |
<title> | Определяет заголовок документа |
<tr> | Определяет строку в таблице |
<track> | Определяет текстовые дорожки для медиа-элементов (<video> и <audio>) |
<tt> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет текст телетайпа |
<u> | Определяет текст, который должен быть стилистически отличным от обычного текста |
<ul> | Определяет неупорядоченный (ненумерованный) список |
<var> | Определяет переменную |
<video> | Определяет видео или фильм |
<wbr> | Определяет возможный разрыв строки |
Сколько всего HTML тегов?
Как видно из вышеприведённой таблицы, по состоянию на 2019 год в спецификации HTML5 официально утверждено и поддерживается 107 HTML тегов. 12 тегов, приведённых в таблице, уже не поддерживаются в спецификации HTML5, но поддерживаются в большинстве браузеров. Даже если вы раньше использовали эти теги при создании своих веб-сайтов, они ещё будут работать во всех современных веб-браузерах. Но все-таки устаревшие HTML теги не рекомендуется использовать в новых веб-проектах. Лучше придерживаться рекомендаций W3C и официально утверждённой спецификации HTML5. Кроме того, стандарты постоянно меняются. Со временем некоторые теги могут исчезать, а новые теги появляются. Для того, чтобы оставаться в курсе всех изменений, которые происходят в веб-стандартах, необходимо посещать официальные веб-ресурсы, где все эти изменения публикуются и утверждаются, в т.ч. сайт Консорциума Всемирной Паутины W3C: https://www.w3.org/.