Базовий HTML
| Тег | Опис |
|---|---|
| <!DOCTYPE> | Визначає тип документу |
| <html> | Визначає документ HTML |
| <head> | Визначає інформацію про документ |
| <title> | Визначає заголовок документа |
| <body> | Визначає тіло документа |
| <h1> to <h6> | Визначає заголовки HTML |
| <p> | Визначає параграф (абзац) |
| <br> | Примусовий розрив рядка |
| <hr> | Горизонтальна лінія, визначає тематичну зміну вмісту |
| <!--...--> | Визначає коментар |
Форматування
| Тег | Опис |
|---|---|
| <acronym> | Не підтримується в HTML5. Використовуйте <abbr> замість цього. Визначає акронім |
| <abbr> | Визначає абревіатуру або акронім |
| <address> | Визначає контактну інформацію для автора / власника документа / статті |
| <b> | Визначає жирний текст |
| <bdi> | Ізолює частину тексту, який може бути відформатований в іншому напрямку від іншого тексту за його межами |
| <bdo> | Перевизначає поточний напрямок тексту |
| <big> | Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає великий текст |
| <blockquote> | Визначає розділ, що цитується з іншого джерела |
| <center> | Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає центрування тексту |
| <cite> | Визначає назву твору |
| <code> | Визначає фрагмент комп'ютерного коду |
| <del> | Визначає видалений з документа текст |
| <dfn> | Представляє визначальний екземпляр терміна |
| <em> | Визначає підкреслений текст |
| <font> | Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає шрифт, колір і розмір для тексту |
| <i> | Визначає частину тексту альтернативним голосом або настроєм |
| <ins> | Визначає текст, який було вставлено в документ |
| <kbd> | Визначає введення з клавіатури |
| <mark> | Визначає позначений / виділений текст |
| <meter> | Визначає скалярне вимірювання в межах відомого діапазону (датчик) |
| <pre> | Визначає попередньо відформатований текст |
| <progress> | Представляє хід виконання завдання |
| <q> | Визначає коротку цитату |
| <rp> | Визначає, що показувати в браузерах, які не підтримують ruby анотації |
| <rt> | Визначає пояснення / вимову символів (для східноазіатської типографіки) |
| <ruby> | Визначає анотацію ruby (для східноазіатської типографіки) |
| <s> | Визначає текст, який більше не є правильним |
| <samp> | Визначає вихідні дані з комп'ютерної програми |
| <small> | Визначає менший текст |
| <strike> | Не підтримується в HTML5. Використовуйте <del> або <s> замість цього. Визначає перекреслений текст |
| <strong> | Визначає важливий текст |
| <sub> | Визначає підрядковий текст (нижній індекс) |
| <sup> | Визначає надрядковий текст (верхній індекс) |
| <template> | Визначає шаблон |
| <time> | Визначає дату / час |
| <tt> | Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає текст телетайпу |
| <u> | Визначає текст, який має бути стилістично відмінним від звичайного тексту |
| <var> | Визначає змінну |
| <wbr> | Визначає можливий розрив рядка |
Форми та вхідні дані
| Тег | Опис |
|---|---|
| <form> | Визначає форму HTML для вводу користувачем |
| <input> | Визначає елемент управління вводом |
| <textarea> | Визначає багаторядковий елемент управління вводом (текстова область) |
| <button> | Визначає кнопку, що можна натискати |
| <select> | Визначає випадаючий список |
| <optgroup> | Визначає групу відповідних параметрів у випадаючому списку |
| <option> | Визначає параметр у випадаючому списку |
| <label> | Визначає мітку для <input> елемента |
| <fieldset> | Групи пов'язаних елементів у формі |
| <legend> | Визначає заголовок для <fieldset> елемента |
| <datalist> | Визначає список попередньо визначених параметрів керування вводом |
| <output> | Визначає результат розрахунку |
Фрейми
| Тег | Опис |
|---|---|
| <frame> | Не підтримується в HTML5. Визначає вікно (фрейм) в наборі фреймів |
| <frameset> | Не підтримується в HTML5. Визначає набір фреймів |
| <noframes> | Не підтримується в HTML5. Визначає альтернативний вміст для користувачів, які не підтримують фрейми |
| <iframe> | Визначає вбудований фрейм |
Зображення
| Тег | Зображення |
|---|---|
| <img> | Визначає зображення |
| <map> | Визначає карту зображення на стороні клієнта |
| <area> | Визначає область всередині карти зображення |
| <canvas> | Використовується для малювання на льоту, за допомогою сценаріїв (зазвичай JavaScript) |
| <figcaption> | Визначає заголовок для елемента <figure> |
| <figure> | Визначає автономний вміст |
| <picture> | Визначає контейнер для декількох ресурсів зображення |
| <svg> | Визначає контейнер для графіки SVG |
Аудіо / Відео
| Тег | Опис |
|---|---|
| <audio> | Визначає звуковий контент |
| <source> | Визначає кілька медіа-ресурсів для медіа-елементів (<video>, <audio>, <picture>) |
| <track> | Визначає текстові доріжки для медіа-елементів (<video> та <audio>) |
| <video> | Визначає відео чи фільм |
Посилання
| Тег | Опис |
|---|---|
| <a> | Визначає гіперпосилання |
| <link> | Визначає взаємозв'язок між документом і зовнішнім ресурсом (найчастіше використовується для посилання на зовнішні таблиці стилів) |
| <nav> | Визначає навігаційні посилання (навігація по сайту) |
Списки
| Тег | Опис |
|---|---|
| <ul> | Визначає невпорядкований (ненумерований) список |
| <ol> | Визначає впорядкований (нумерований) список |
| <li> | Визначає елемент списку |
| <dir> | Не підтримується в HTML5. Використовуйте <ul> замість цього. Визначає список каталогів |
| <dl> | Визначає список описів |
| <dt> | Визначає термін / ім'я в списку опису |
| <dd> | Визначає опис / значення терміна в списку опису |
Таблиці
| Tег | Опис |
|---|---|
| <table> | Визначає таблицю |
| <caption> | Визначає підпис таблиці |
| <th> | Визначає чарунку заголовка в таблиці |
| <tr> | Визначає рядок у таблиці |
| <td> | Визначає клітинку (чарунку) в таблиці |
| <thead> | Групує вміст заголовка в таблиці |
| <tbody> | Групує вміст тіла в таблиці |
| <tfoot> | Згруповує вміст нижнього колонтитула в таблиці |
| <col> | Вказує властивості стовпців для кожного стовпця в елементі <colgroup> |
| <colgroup> | Визначає групу з одного або декількох стовпців у таблиці для форматування |
Стилі і семантика
| Тег | Опис |
|---|---|
| <style> | Визначає інформацію про стиль для документа |
| <div> | Визначає розділ (блочний) у документі |
| <span> | Визначає розділ (строчний) у документі |
| <header> | Визначає заголовок для документа або розділу |
| <footer> | Визначає нижній колонтитул (футер) для документа або розділу |
| <main> | Визначає основний вміст документа |
| <section> | Визначає розділ (секцію) у документі |
| <article> | Визначає статтю |
| <aside> | Визначає вміст, окрім вмісту сторінки (збоку) |
| <details> | Визначає додаткові деталі, які користувач може переглядати або ховати |
| <dialog> | Визначає діалоговий бокс або вікно |
| <summary> | Визначає видимий заголовок для елемента <details> |
| <data> | Пов'язує заданий контент з машиночитаним перекладом |
Мета Інфо
| Тег | Опис |
|---|---|
| <head> | Визначає інформацію про документ |
| <meta> | Визначає метадані HTML документу |
| <base> | Вказує базову URL-адресу / ціль для всіх відносних URL-адрес документа |
| <basefont> | Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає колір, розмір і шрифт за замовчуванням для всього тексту документа |
Програмування
| Тег | Опис |
|---|---|
| <script> | Визначає скрипт на стороні клієнта |
| <noscript> | Визначає альтернативний вміст для користувачів, які не підтримують сценарії на стороні клієнта |
| <applet> | Не підтримується в HTML5. Використовуйте <embed> або <object> замість цього. Визначає вбудований аплет |
| <embed> | Визначає контейнер для зовнішнього (не HTML) додатка |
| <object> | Визначає вбудований об'єкт |
| <param> | Визначає параметр для об'єкта |