HTML Справочник всех тегов

HTML Справочник всех тегов
HTML Справочник всех тегов

Предлагаем вам шпаргалку по тегам HTML из официально утверждённой спецификации HTML5 и рекомендованных консорциумом разработчиков W3C, которые полезна знать каждому верстальщику и веб программисту. К каждому тегу дано краткое пояснение, что он обозначает. Для удобства, теги упорядочены по алфавиту

Иконкой помечены новые теги, введённые в HTML5

ТегОписание тега
<!--...--> Устанавливает комментарий
<!DOCTYPE>  Устанавливает тип документа
<a> Устанавливает гиперссылку
<abbr> Устанавливает аббревиатуру или акроним
<acronym> Не поддерживается в HTML5. Использовать <abbr> Вместо.
Устанавливает акроним
<address> Устанавливает контактные данные автора/владельца документа
<applet> Не поддерживается в HTML5. Использовать <embed> or <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> element 
<colgroup> Задает группу из одного или нескольких столбцов в таблице для форматирования
<data> Связывает данное содержимое с машинно-читаемым переводом
<datalist> Задает список предварительно заданных параметров для элементов управления вводом
<dd> Устанавливает описание/значение термина в списке описания
<del> Устанавливает текст, который был удален из документа
<details> Устанавливает дополнительные сведения, которые пользователь может просматривать или скрывать
<dfn> Представляет определяющий экземпляр термина
<dialog> Устанавливает диалоговое окно или окно
<dir> Не поддерживается в HTML5. Использовать <ul> Вместо.
Устанавливает список каталогов
<div> Устанавливает раздел в документе
<dl> Устанавливает список описания
<dt> Устанавливает термин/имя в списке описания
<em> Устанавливает подчеркнутый текст 
<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> Устанавливает изображение на стороне клиента-Map
<mark> Устанавливает выделенный/выделенный текст
<menu> Устанавливает список/меню команд
<menuitem> Устанавливает команду/пункт меню, который пользователь может вызвать из всплывающего меню
<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> Устанавливает возможный разрыв строки

Понравилась статья?
Будем признательны, если поделитесь в соцсетях или мессенджерах, а также присоединитесь к нашей группе Вконтакте. Будет интересно!

Вас может заинтересовать:

5 обязательных элементов для футера в 2022 году
5 обязательных элементов для футера в 2022 году
Есть два типа дизайнеров: те, кто начинает с нижнего колонтитула, и те, кто этого не делает. Независимо от того, насколько верно вы придерживаетесь этого утверждения, нельзя отрицать, что нижний колонтитул является одним из самых недооцененных элементов на любом сайте...

Графика в HTML 4.01 и HTML 5: сравнительный анализ
Графика в HTML 4.01 и HTML 5: сравнительный анализ
Какие новые возможности предоставляет веб дизайнерам HTML5?

Устаревший HTML код
Устаревший HTML код
HTML является одним из основополагающих строительных блоков Интернета. Но так же, как и методы веб-дизайна меняются со временем, также меняется и код, который мы используем. По мере развития HTML какая-то часть его старой разметки устарела, а какая-то была перепрофилирована...

Правильный шаблон HTML5
Правильный шаблон HTML5
Изучая HTML5 и добавляя новые методы в свой инструментарий, вы, вероятно, захотите создать шаблон HTML, чтобы начинать все будущие проекты. Это определенно стоит сделать, и в Интернете есть много отправных точек, которые помогут вам создать свой собственный шаблон HTML5.

Понимание HTML5 и CSS3 для веб-дизайна
Понимание HTML5 и CSS3 для веб-дизайна
Наша информация будет интересна тем, кто только начинает изучать и применять теги HTML5 при создании своих первых сайтов, а также в качестве справочной информации и для более опытных верстальщиков, чтобы не забывали.

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

Мы используем файлы cookie. Они помогают улучшить ваше взаимодействие с сайтом.