Тег
|
Опис
|
<!--...-->
|
Використовується для додавання коментарів.
|
<!DOCTYPE>
|
Оголошує тип документа і надає основну інформацію для браузера - його мову і версію.
|
<a>
|
Створює гіпертекстові посилання.
|
<abbr>
|
Визначає текст як абревіатуру або акронім. Пояснювальний текст задається за допомогою атрибута title.
|
<address>
|
Задає контактні дані автора / власника документа або статті. Відображається в браузері курсивом.
|
<area>
|
Являє собою гіперпосилання з текстом, що відповідає певній області на карті-зображенні або активну область всередині карти-зображення. Завжди вкладений всередину тега <map>.
|
<article>
|
Розділ контенту, який утворює незалежну частину документа або сайту, наприклад, стаття в журналі, запис в блозі, коментар.
|
<aside>
|
Являє контент сторінки, який має непряме відношення до основного контенту сторінки / сайту.
|
<audio>
|
Завантажує звуковий контент на веб-сторінку.
|
<b>
|
Задає напівжирний шрифт уривка тексту, не надаючи акцент або на важливості виділеного.
|
<base>
|
Задає базову адресу (URL), щодо якої обчислюються всі відносні адреси. Це допоможе уникнути проблем при перенесенні сторінки в інше місце, так як всі посилання будуть працювати, як і раніше.
|
<bdi>
|
Ізолює уривок тексту, написаний на мові, в якому читання тексту відбувається справа наліво, від решти тексту.
|
<bdo>
|
Відображає текст в напрямку, зазначеному в атрибуті dir, перевизначаючи поточний напрямок написання тексту.
|
<blockquote>
|
Виділяє текст як цитату, застосовується для опису великих цитат.
|
<body>
|
Являє тіло документа (вміст, що не відноситься до метаданих документа).
|
<br>
|
Перенесення тексту на новий рядок.
|
<button>
|
Створює інтерактивну кнопку. Всередину тега можна помістити вміст - текст або зображення.
|
<canvas>
|
Полотно-контейнер для динамічного відображення зображень, таких як прості зображення, діаграми, графіки і т.п. Для малювання використовується скриптова мова JavaScript.
|
<caption>
|
Додає підпис до таблиці. Вставляється відразу після тега <table>.
|
<cite>
|
Використовується для вказівки джерела цитування. Відображається курсивом.
|
<code>
|
Являє фрагмент програмного коду, відображається шрифтом сімейства monospace
|
<col>
|
Вибирає для форматування один або декілька стовпців таблиці, які містять інформацію одного типу.
|
<colgroup>
|
Створює структурну групу стовпців, що виділяє безліч логічно однорідних осередків.
|
<datalist>
|
Елемент-контейнер для списку елемента <input>. Варіанти значень поміщаються в елементи <option>.
|
<dd>
|
Використовується для опису терміна з тега <dt>.
|
<del>
|
Позначає текст як віддалений, перекреслюючи його.
|
<details>
|
Створює інтерактивний віджет, який користувач може відкрити або закрити. Являє собою контейнер для контенту, видимий заголовок віджета поміщається в тег <summary>.
|
<dfn>
|
Визначає слово як термін, виділяючи його курсивом. Текст, що йде слідом, повинен містити пояснення цього терміна.
|
<div>
|
Тег-контейнер для розділів HTML-документа. Використовується для угруповання блокових елементів з метою форматування стилями.
|
<dl>
|
Тег-контейнер, Всередині якого знаходяться термін і його опис.
|
<dt>
|
Використовується для завдання терміна.
|
<em>
|
Виділяє важливі фрагменти тексту, відображаючи їх курсивом.
|
<embed>
|
Тег-контейнер для вбудовування зовнішнього інтерактивного контенту або плагіна.
|
<fieldset>
|
Групує пов'язані елементи в формі, малюючи рамку навколо них.
|
<figcaption>
|
Тема / підпис для елемента <figure>.
|
<figure>
|
Самодостатній тег-контейнер для такого контенту як ілюстрації, діаграми, фотографії, приклади коду, зазвичай з підписом.
|
<footer>
|
Визначає завершальну область (нижній колонтитул) документа або розділу.
|
<form>
|
Форма для збору і відправки на сервер інформації від користувачів. Чи не працює без атрибута action.
|
<h1-h6>
|
Створюють заголовки шести рівнів для пов'язаних з ними розділів.
|
<head>
|
Елемент-контейнер для метаданих HTML-документа, таких як <title>, <meta>, <script>, <link>, <style>.
|
<header>
|
Секція для вступної інформації сайту або групи навігаційних посилань. Може містити один або кілька заголовків, логотип, інформацію про автора.
|
<hr>
|
Горизонтальна лінія для тематичного поділу параграфів.
|
<html>
|
Кореневий елемент HTML-документа. Повідомляє браузеру, що це HTML-документ. Є контейнером для всіх інших html-елементів.
|
<i>
|
Виділяє уривок тексту курсивом, не надаючи йому додатковий акцент.
|
<iframe>
|
Створює вбудований фрейм, завантажуючи в поточний HTML-документ інший документ.
|
<img>
|
Вбудовує зображення в HTML-документ за допомогою атрибута src, значенням якого є адреса вбудованого зображення.
|
<input>
|
Створює багатофункціональні поля форми, в які користувач може вводити дані.
|
<ins>
|
Виділяє текст підкресленням. Застосовується для виділення змін, що вносяться до документа.
|
<kbd>
|
Виділяє текст, який повинен бути введений користувачем з клавіатури, шрифтом сімейства monospace.
|
<keygen>
|
Генерує пару ключів - закритий і відкритий. При відправці форми, закритий ключ зберігається локально, і відкритий ключ відправляється на сервер. Працює всередині тега <form>.
|
<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>.
|
<pre>
|
Виводить текст без форматування, зі збереженням прогалин і переносів тексту. Може бути використаний для відображення комп'ютерного коду, повідомлення електронної пошти і т.д.
|
<progress>
|
Індикатор виконання завдання будь-якого роду.
|
<q>
|
Визначає коротку цитату.
|
<ruby>
|
Контейнер для Східно-Азіатських символів і їх розшифрування.
|
<rb>
|
Визначає вкладений в нього текст як базовий компонент анотації.
|
<rt>
|
Додає коротку характеристику зверху чи знизу від символів, укладених в елементі <ruby>, виводиться зменшеним шрифтом.
|
<rtc>
|
Зазначає вкладений в нього текст як додаткову анотацію.
|
<rp>
|
Виводить альтернативний текст в разі якщо браузер не підтримує елемент <ruby>.
|
<s>
|
Відображає текст, який не є актуальним, перекресленим.
|
<samp>
|
Використовується для виведення тексту, що представляє результат виконання програмного коду або скрипта, а також системні повідомлення.
|
<script>
|
Використовується для визначення сценарію на стороні клієнта (зазвичай JavaScript). Містить або текст скрипта, або вказує на зовнішній файл сценарію за допомогою атрибута src.
|
<section>
|
Визначає логічну область (розділ) сторінки, зазвичай з заголовком.
|
<select>
|
Елемент управління, що дозволяє вибирати значення із запропонованого списку. Варіанти значень поміщаються в <option>.
|
<small>
|
Відображає текст шрифтом меншого розміру.
|
<source>
|
Вказує місце розташування і тип альтернативних медіа ресурсів для елементів <video> та <audio>.
|
<span>
|
Контейнер для малих елементів. Можна використовувати для форматування уривків тексту, наприклад, виділення кольором окремих слів.
|
<strong>
|
Розставляє акценти в тексті, виділяючи напівжирним.
|
<style>
|
Підключає вбудовані таблиці стилів.
|
<sub>
|
Задає підрядкове написання символів, наприклад, індексу елемента в хімічних формулах.
|
<summary>
|
Створює видимий заголовок для тега <details>. Відображається з зафарбовані трикутником, клацнувши по якому можна переглянути подробиці заголовка.
|
<sup>
|
Задає надрядкове написання символів.
|
<table>
|
Тег для створення таблиці.
|
<tbody>
|
Визначає тіло таблиці.
|
<td>
|
Створює елемент таблиці.
|
<textarea>
|
Створює великі поля для введення тексту.
|
<tfoot>
|
Визначає нижній колонтитул таблиці.
|
<th>
|
Створює заголовок елементів таблиці.
|
<thead>
|
Визначає заголовок таблиці.
|
<time>
|
Визначає дату / час.
|
<title>
|
Тема HTML-документа, що відображається у верхній частині рядка заголовка браузера. Також може відображатися в результатах пошуку, тому це слід брати до уваги надання назви.
|
<tr>
|
Створює рядок таблиці.
|
<track>
|
Додає субтитри для елементів <audio> і <video>.
|
<u>
|
Виділяє уривок тексту підкресленням, без додаткового акценту.
|
<ul>
|
Створює маркований список.
|
<var>
|
Виділяє змінні з програм, відображаючи їх курсивом.
|
<video>
|
Додає на сторінку відео-файли. Підтримує 3 відео формату: MP4, WebM, Ogg.
|
<wbr>
|
Вказує браузеру можливе місце розриву довжини рядка.
|
