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> Устанавливает возможный разрыв строки

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

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

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

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

4 свойства сетки CSS для большинства ваших потребностей в макетировании
4 свойства сетки CSS для большинства ваших потребностей в макетировании
CSS Grid предоставляет нам мощную систему верстки для веб-сайтов. То, что мы собираемся сделать сейчас, - это обратный подход, чтобы показать вам наименьший возможный набор свойств сетки, которые вам нужно знать, чтобы удовлетворить большинство ваших потребностей в макете.

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

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

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

QRcode

2010-2023 © Веб студия iNikSite.ru (г. Подольск). Все права сохранены.

Цены на сайте носят ознакомительный характер и не являются публичной офертой! Просим уточнять цены при отправке заявки в нашу компанию. У нас действуют специальные предложения и скидки на различные варианты исполнения заказа и 100% предоплату!

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