HTML Довідник елементів - Всі теги по категорії
Основні 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> | Визначає параметр для об’єкта |
