HTML
February 1, 2020

HTML-теги. Часть 2

Данная таблица является продолжением таблицы с прошлой статьи. Если пропустили ее, вот ссылка: HTML-теги. Часть 1

В таблице приведен полный список элементов, поддерживаемых HTML4 и HTML5. Экспериментальные и устаревшие теги исключены. Элементы, добавленные в спецификацию HTML5, выделены звездочкой*.


Полный список HTML-элементов(от "l" до "w")

ТАБЛИЦА 1.2 HTML-ЭЛЕМЕНТЫ
Структура таблицы следующая: Тег - Описание
  • <label> - Добавляет текстовую метку для элемента <input>.
  • <legend> - Заголовок элементов формы, сгруппированных с помощью элемента <fieldset>.
  • <li> - Элемент маркированного или нумерованного списка.
  • <link> - Определяет отношения между документом и внешним ресурсом. Также используется для подключения внешних таблиц стилей.
  • *<main> - Контейнер для основного уникального содержимого документа. На одной странице должно быть не более одного элемента <main>.
  • <map> - Создаёт активные области на карте-изображении. Является контейнером для элементов <area>.
  • *<mark> - Выделяет фрагменты текста, помечая их желтым фоном.
  • <meta> - Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке <head> может быть несколько тегов <meta>, так как в зависимости от используемых атрибутов они несут разную информацию.
  • *<meter> - Индикатор измерения в заданном диапазоне.
  • *<nav> - Раздел документа, содержащий навигационные ссылки по сайту.
  • <noscript> - Определяет секцию, не поддерживающую сценарий (скрипт).
  • <object> - Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег <param>.
  • <ol> - Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная.
  • <optgroup> - Контейнер с заголовком для группы элементов <option>.
  • <option> - Определяет вариант/опцию для выбора в раскрывающемся списке <select>, <optgroup> или <datalist>.
  • *<output> - Поле для вывода результата вычисления, рассчитанного с помощью скрипта.
  • <p> - Параграфы в тексте.
  • <param> - Определяет параметры для плагинов, встраиваемых с помощью элемента <object>.
  • *<picture> - Элемент-контейнер, содержащий один элемент <img> и ноль или несколько элементов <source>. Сам по себе ничего не отображает. Дает возможность браузеру выбирать наиболее подходящее изображение.
  • <pre> - Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д.
  • *<progress> - Индикатор выполнения задачи любого рода.
  • <q> - Определяет краткую цитату.
  • *<ruby> - Контейнер для Восточно-Азиатских символов и их расшифровки.
  • *<rb> - Определяет вложенный в него текст как базовый компонент аннотации.
  • *<rt> - Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе <ruby>, выводится уменьшенным шрифтом.
  • *<rtc> - Отмечает вложенный в него текст как дополнительную аннотацию.
  • *<rp> - Выводит альтернативный текст в случае если браузер не поддерживает элемент <ruby>.
  • <s> - Отображает текст, не являющийся актуальным, перечеркнутым.
  • <samp> - Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом.
  • <script> - Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src.
  • *<section> - Определяет логическую область (раздел) страницы, обычно с заголовком.
  • <select> - Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в <option>.
  • <small> -Отображает текст шрифтом меньшего размера.
  • *<source> - Указывает местоположение и тип альтернативных медиаресурсов для элементов <picture>, <video>, <audio>.
  • <span> - Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов.
  • <strong> - Расставляет акценты в тексте, выделяя полужирным.
  • <style> - Подключает встраиваемые таблицы стилей.
  • <sub> - Задает подстрочное написание символов, например, индекса элемента в химических формулах.
  • *<summary> - Создаёт видимый заголовок для тега <details>. Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка.
  • <sup> - Задает надстрочное написание символов.
  • <table> - Тег для создания таблицы.
  • <tbody> - Определяет тело таблицы.
  • <td> - Создает ячейку таблицы.
  • *<template> - Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое тега не является его дочерним элементом.
  • <textarea> - Создает большие поля для ввода текста.
  • <tfoot> - Определяет нижний колонтитул таблицы.
  • <th> - Создает заголовок ячейки таблицы.
  • <thead> - Определяет заголовок таблицы.
  • *<time> - Определяет дату/время.
  • <title> - Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия.
  • <tr> - Создает строку таблицы.
  • *<track> - Добавляет субтитры для элементов <audio> и <video>.
  • <u> - Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
  • <ul> - Создает маркированный список.
  • <var> - Выделяет переменные из программ, отображая их курсивом.
  • *<video> - Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg.
  • *<wbr> - Указывает браузеру возможное место разрыва длинной строки.

Источник ↗