Справочник тегов определенный в спецификации HTML 5.

 

Вставляемый контент

  • audio - звуковое содержимое
  • canvas - область для рисования графики посредством сценариев
  • embed - область для внешнего приложения или интерактивного содержимого
  • area - активная область внутри карты-изображения
  • iframe - встроенный фрейм
  • img - изображение/картинка
  • map - карта-изображение
  • object - внешний подключаемый ресурс
  • param - значения параметров для объекта (используется внутри элемента <object>)
  • source - звуковой/видео файл для тегов <audio> и <video>
  • track - текстовые дорожки для медиа элементов (<audio> и <video>)
  • video - видео файл

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

  • details - скрыть/показать дополнительную информацию
  • menu - определяет список/меню команд
  • summary - заголовок для элемента <details>

Комментарии

  • <!-- --> - комментарий

Корневой элемент

  • html - корневой элемент

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

Метаданные - структурированная информация о веб-странице, размещаемая внутри HTML-документа в элементе head.

  • doctype - тип документа
  • base - указывает базовый URL для всех ссылок имеющих относительный URL-адрес на странице
  • head - контейнер для метаданных документа
  • link - связь текущего документа с внешним файлом
  • meta - метаданные
  • style - стилевая информация
  • title - название документа

Разделы документа

  • address - контактная информация автора документа/статьи
  • article - статья
  • aside - определяет контент в стороне от содержимого страницы
  • blockquote - длинная цитата
  • body - тело документа
  • div - контейнер для элементов
  • figcaption - подпись к содержимому элемента <figure>
  • figure - контейнер для группировки контента (обычно используется с элементом <figcaption>)
  • footer - нижний колонтитул (нижняя часть документа или раздела)
  • header - верхний колонтитул (верхняя часть документа или раздела)
  • hgroup - группирует заголовки (<h1> - <h6>), когда они расположены друг за другом.
  • hr - горизонтальная линия
  • nav - раздел навигационных ссылок
  • section - раздел документа

Списки

  • dd - описание термина в списке определений
  • dl - список определений
  • dt - термин в списке определений
  • li - пункт списка
  • ol - нумерованный (упорядоченный) список
  • ul - маркированный (неупорядоченный) список

Ссылки

  • a - определяет гиперссылку

Сценарии

  • noscript - альтернативный контент для браузеров без поддержки сценариев
  • script - клиентский сценарий

Таблицы

  • caption - заголовок для таблицы
  • col - указывает стилевую информацию для одной или более колонок таблицы
  • colgroup - указывает общую стилевую информацию для группы колонок в таблице
  • table - таблица
  • tbody - основное содержимое (средняя часть) таблицы
  • td - ячейка таблицы
  • tfoot - нижняя часть таблицы
  • th - заголовочная ячейка таблицы
  • thead - верхняя часть таблицы
  • tr - строка таблицы

Текст

  • abbr - аббревиатура
  • b - выделяет текст жирным шрифтом
  • bdi - изолирует фрагмент текста для изменения его направления вывода
  • bdo - переопределяет текущее направление текста
  • br -разрыв строки
  • cite - название работы (название книги, музыки, фильма, и т.д.)
  • code - определяет кусок программного кода (моноширинный текст)
  • del - определяет текст, который был удален из документа (перечеркнутый текст)
  • dfn - определения термина (текст с наклонным начертанием)
  • em - выделенный текст (текст с наклонным начертанием)
  • h1-h6 - заголовки
  • i - преобразует текст в курсивный (текст с наклонным начертанием)
  • ins - определяет текст, который был добавлен в документ (отображает текст подчеркнутым)
  • kbd - определяет текст вводимый с клавиатуры (моноширинный текст)
  • mark - определяет важную часть текста
  • p - абзац
  • pre - предварительно отформатированный текст
  • q - определяет короткую цитату
  • rp - определяет, что показывать браузеру, который не поддерживает тег <ruby>
  • rt - определяет объяснение/произношение символов, используется внутри тега <ruby>
  • ruby - определяет небольшую аннотацию (для типографии Восточной Азии)
  • s - определяет текст, который больше не является правильным
  • samp - моноширинный текст
  • small - текст маленького размера
  • span - контейнер для строчного содержимого
  • strong - определяет важный текст (преобразует шрифт в полужирный)
  • sub - определяет текст в нижнем индексе (подстрочный текст)
  • sup - определяет текст в верхнем индексе (надстрочный текст)
  • time - определяет время/дату
  • u - подчеркнутый текст
  • var - определяет переменную (текст с наклонным начертанием)
  • wbr - определяет возможный перенос строки в тексте

Формы

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

Теги html

Если вы только собираетесь начать изучать HTML, то одна из первых вещей, которые следует выучить – специальные термины. Два из них будут встречаться наиболее часто – это «тег» и «элемент».

HTML – это язык разметки гипертекста, что означает использование кода, который может быть прочитан человеком и не нуждается в компиляции. По сути, веб-страницы размечены таким кодом для того, чтобы «объяснить» браузеру, как отображать содержимое.

Когда Вы используете HTML, то пишете с помощью HTML-тегов, они состоят из:

  • знака «меньше» - <;
  • буквы или слова;
  • далее может идти любое количество HTML-атрибутов в виде пары «имя=значение»;
  • и в конце идет знак «больше» - >.

Тег – это основополагающий элемент HTML. В процессе изучения языка вы изучаете различные теги, для чего они используются и правильные способы их применения. На самом деле, одним из способов изучения HTML является простое запоминание всех тегов.

Обычно понятия «элемент HTML» и «HTML тег» взаимозаменяемы. Но в соответствии со спецификацией W3C элемент – это тег со всем его содержимым, включая открывающий и закрывающий теги. У некоторых элементов нет закрывающего тега, такие элементы называются одиночными или пустыми, но несмотря на то, что они не могут содержать в себе никакого контента, они все равно считаются полноценными элементами.

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