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> - Указывает браузеру возможное место разрыва длинной строки.
Источник ↗