Справочник HTML
HTML справочник - это список HTML тегов определенных в спецификации HTML 5. Список тегов редактируется по мере изменения спецификации (обновляется информация и о самих тегах и об их атрибутах).
Для удобства все HTML теги разбиты на категории, согласно их назначению. Если вам нужен како-то конкретный тег, то в левом меню теги отсортированы в алфавитном порядке. Чтобы посмотреть полное описание тега и его атрибутов перейдите по ссылке, нажав на интересующий вас тег.
Вставляемый контент
- audio - звуковое содержимое
- canvas - область для рисования графики посредством сценариев
- embed - область для внешнего приложения или интерактивного содержимого
- area - активная область внутри карты-изображения
- iframe - встроенный фрейм
- img - изображение/картинка
- map - карта-изображение
- object - внешний подключаемый ресурс
- param - значения параметров для объекта (используется внутри элемента <object>)
- source - звуковой/видео файл для тегов <audio> и <video>
- track - текстовые дорожки для медиа элементов (<audio> и <video>)
- video - видео файл
Интерактивные элементы
- details - скрыть/показать дополнительную информацию
- menu - определяет список/меню команд
- summary - заголовок для элемента <details>
Комментарии
Корневой элемент
Метаданные документа
Метаданные - структурированная информация о веб-странице, размещаемая внутри HTML-документа в элементе head.
- doctype - тип документа
- base - указывает базовый URL для всех ссылок имеющих относительный URL-адрес на странице
- head - контейнер для метаданных документа
- link - связь текущего документа с внешним файлом
- meta - метаданные
- style - стилевая информация
- title - название документа
Разделы документа
- address - контактная информация автора документа/статьи
- article - статья
- aside - определяет контент в стороне от содержимого страницы
- blockquote - длинная цитата
- body - тело документа
- div - контейнер для элементов
- figcaption - подпись к содержимому элемента <figure>
- figure - контейнер для группировки контента (обычно используется с элементом <figcaption>)
- footer - нижний колонтитул (нижняя часть документа или раздела)
- header - верхний колонтитул (верхняя часть документа или раздела)
- hr - горизонтальная линия
- main - контейнер с основным контентом
- nav - раздел навигационных ссылок
- section - раздел документа
Списки
- dd - описание термина в списке определений
- dl - список определений
- dt - термин в списке определений
- li - пункт списка
- ol - нумерованный (упорядоченный) список
- ul - маркированный (неупорядоченный) список
Ссылки
Сценарии
- 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 тег» обычно используются как синонимы. Но в соответствии со спецификацией W3C элемент – это тег со всем его содержимым, включая открывающий и закрывающий теги. У некоторых элементов нет закрывающего тега, такие элементы называются одиночными или пустыми, но несмотря на то, что они не могут содержать в себе никакого контента, они все равно считаются полноценными элементами.
На страницах сайта понятия тега и элемента используются для обозначения одного и того же – структурной единицы языка HTML, которая применяется для разметки документа.
Если вы желаете узнать больше о создании веб страниц, тегах и их применении, то можете заглянуть в наш Самоучитель по HTML.