HTML/CSS словник

Інтернет-довідник, який містить повний перелік HTML тегів і CSS атрибутів з описами, поясненнями і прикладами використання

DOCTYPE

Оголошення DOCTYPE (укр. – “тип документу”) є спеціальним рядком, який розташовується на початку HTML-документа перед тегом <html> і визначає версію HTML, яку використовує документ. Воно допомагає браузеру правильно відображати сторінку відповідно до певної специфікації та режиму рендерингу.

В HTML5 DOCTYPE має спрощений синтаксис у порівнянні зі старішими версіями. Він не є тегом і не має закриваючого елемента. DOCTYPE вказує браузеру використовувати стандартний режим відображення, а не режим сумісності, що може бути важливим для коректної роботи сучасних веб-технологій.

Приклади використання

Для HTML5 використовується простий і лаконічний DOCTYPE:

<!DOCTYPE html>

Додаткові моменти

У HTML5 DOCTYPE не є чутливим до регістру, тому можна використовувати як <!doctype html>, так і <!DOCTYPE HTML>.
Правильне оголошення DOCTYPE забезпечує сучасний рендеринг веб-сторінки та допомагає уникнути проблем сумісності з браузерами.
Старіші версії DOCTYPE (до 2014 року) містять багато складних ідентифікаторів, оскільки використовувалися для забезпечення сумісності з документами XML і SGML.

Ще теги

- HTML
  
  HTML (HyperText Markup Language) є основною мовою розмітки для створення веб-сторінок і додатків. Він визначає структуру і вміст веб-ресурсів, дозволяючи веб-браузерам правильно відображати текст, зображення та мультимедіа. Крім HTML, часто використовуються такі технології, як CSS для оформлення і JavaScript для забезпечення функціональності.
  Перейти
- Атрибути тегів в HTML
  
  Атрибути в HTML визначають додаткові властивості та поведінку елементів на сторінці. Вони додаються до тегів та використовуються для налаштування їх функціональності, зовнішнього вигляду та взаємодії з користувачем. Атрибути є важливою частиною структури HTML-документів, оскільки вони забезпечують правильну роботу та доступність елементів на веб-сторінці.
  Перейти
- Тег <a>
  
  Тег <a> (укр. – “посилання”) в HTML використовується для створення гіперпосилань, які дозволяють користувачу переходити на інші сторінки, документи або конкретні місця на тій самій сторінці. Він є рядковим елементом, що означає, що вміст після посилання продовжує відображатися на тому ж рядку.
  Перейти
- Тег <abbr>
  
  Тег <abbr> (укр. — “абревіатура”) використовується в HTML для позначення скорочень, абревіатур або акронімів. Його головна функція — надати розшифровку скорочення, яка відображається як підказка при наведенні курсору. Це покращує доступність контенту, особливо для новачків, скрінрідерів і пошукових систем.
  Перейти
- Тег <address>
  
  Тег <address> (укр. — “адреса”) в HTML використовується для позначення контактної інформації, яка відноситься до найближчого батьківського елемента (зазвичай — автора статті, сайту, документа тощо). Контент всередині тега <address> зазвичай відображається курсивом браузером за замовчуванням.
  Перейти
- Тег <article>
  
  Тег <article> (укр. – “стаття”) в HTML використовується для визначення самостійного, завершеного фрагмента контенту, який можна незалежно розповсюджувати або використовувати. Зазвичай його застосовують для створення статей, записів у блогах, коментарів, відгуків або інших окремих елементів вмісту.
  Перейти
- Тег <aside>
  
  Тег <aside> (укр. – “в стороні”) використовується для позначення додаткового контенту, який є доповненням до основного змісту сторінки. Зазвичай, це контент, який розташовується збоку (наприклад, бокова панель, віджети, оголошення, цитати, посилання на пов’язані матеріали тощо).
  Перейти
- Тег <audio>
  
  Тег <audio> (укр. – “аудіо”) в HTML використовується для вбудовування аудіофайлів на веб-сторінку. Цей тег дозволяє користувачам відтворювати звук без необхідності завантажувати додаткові плагіни, забезпечуючи зручну підтримку аудіоконтенту у сучасних браузерах.
  Перейти
- Тег <base>
  
  Тег <base> (укр. — “базова адреса”) в HTML використовується для встановлення базової адреси (URL) для всіх відносних посилань на сторінці. Це дозволяє уникати дублювання домену або директорій у великій кількості посилань, скриптів, стилів чи медіафайлів.Тег <base> завжди розміщується всередині <head> документа і може бути лише один на сторінці.
  Перейти
- Тег <bdi>
  
  Тег <bdi> (укр. — bidirectional isolation, “ізоляція напрямку тексту”) в HTML використовується для автоматичної ізоляції напрямку тексту всередині рядка. Це особливо корисно, коли в тексті одночасно використовуються мови з різними напрямками (наприклад, англійська та арабська), і потрібно уникнути порушення загальної логіки вирівнювання тексту.
  Перейти
- Тег <bdo>
  
  Тег <bdo> (укр. — “перемикання напрямку тексту” — bidirectional override) використовується в HTML для явного керування напрямком відображення тексту: зліва направо (LTR) або справа наліво (RTL). Це особливо важливо при роботі з багатомовними сайтами, де можуть поєднуватися мови з різними напрямками письма (наприклад, арабська, іврит, англійська).
  Перейти
- Тег <body>
  
  Тег <body> в HTML визначає основний вміст веб-сторінки, який відображається у вікні браузера. Усі елементи, що розміщуються всередині <body>, є візуально доступними для користувача. Це текст, зображення, таблиці, форми, відео, кнопки та інші елементи інтерфейсу.
  Перейти
- Тег <br>
  
  Тег <br> (укр. – “розрив рядка”) в HTML використовується для вставки розриву рядка в тексті. Це одиничний самозакриваючий тег, який не має закриваючого елемента, і часто застосовується, коли потрібно розділити текст або контент на нові рядки без додавання додаткових абзаців.
  Перейти
- Тег <button>
  
  Тег <button> (укр. – “кнопка ”) використовується для створення інтерактивних кнопок на веб-сторінці. Він є універсальним елементом для виконання дій, таких як відправлення форм, запуск скриптів або виконання інших інтерактивних функцій.
  Перейти
- Тег <canvas>
  
  Тег <canvas> (укр. — “полотно”) в HTML використовується для створення області, на якій за допомогою JavaScript можна динамічно малювати графіку: 2D-малюнки, графіки, анімації, ігри, візуалізації даних, а також 3D-сцени (через WebGL).
  Перейти
- Тег <caption>
  
  Тег <caption> (укр. – “підпис”) використовується для надання підпису до таблиці. Він є єдиним елементом, який можна використовувати безпосередньо всередині тегу <table> для пояснення або заголовка таблиці. Тег <caption> допомагає поліпшити доступність і робить таблицю більш зрозумілою для користувачів і пошукових систем.
  Перейти
- Тег <code>
  
  Тег <code> (укр. — “код”) використовується в HTML для позначення фрагментів програмного коду або машинних команд. Він дозволяє логічно виділяти текст, який є частиною синтаксису певної мови програмування або коду в ширшому сенсі.
  Перейти
- Тег <col>
  
  Тег <col> (укр. — “стовпець”) в HTML використовується всередині таблиці для визначення властивостей окремих стовпців або групи стовпців. Він сам не відображає контенту, а застосовується для стилізації та логічної структури таблиць.
  Перейти
- Тег <colgroup>
  
  Тег <colgroup> (укр. — “група стовпців”) в HTML використовується для групування одного або кількох стовпців таблиці з метою їхньої стилізації або структурної організації. Дає змогу застосовувати стилі до цілих груп стовпців через вкладені елементи <col>.
  Перейти
- Тег <data>
  
  Тег <data> (укр. — “дані”) в HTML використовується для зв’язування видимого тексту з машинозчитуваним значенням. Це корисно, коли є відображуване значення для користувача, а також — структуровані дані для парсерів, пошукових систем, скриптів, аналітики тощо.По суті, <data> дозволяє зберігати додаткову семантичну інформацію поряд із текстовим контентом.
  Перейти
- Тег <datalist>
  
  Тег <datalist> (укр. — “список даних”) використовується в HTML для створення списку варіантів, які можна обрати при введенні в текстове поле форми. Він дозволяє реалізувати автозаповнення (autocomplete) — коли користувач починає вводити дані, йому пропонуються варіанти з попередньо визначеного списку.
  Перейти
- Тег <details>
  
  Тег <details> (укр. — “деталі” або “додаткові відомості”) в HTML використовується для створення розкривних блоків, які за замовчуванням можуть бути прихованими та розкриватися при натисканні. Це зручний елемент для створення FAQ, підказок, прихованих описів тощо — без необхідності писати JavaScript.
  Перейти
- Тег <dialog>
  
  Тег <dialog> (укр. — “діалогове вікно”) в HTML використовується для створення нативних модальних або немодальних діалогових вікон. Дає змогу відображати вікна підтвердження, повідомлення, попапи без необхідності створювати складну обгортку через CSS та JavaScript.Підтримує нативні методи керування: .show(), .showModal(), .close().
  Перейти
- Тег <div>
  
  Тег <div> в HTML використовується для створення контейнерів, які групують елементи на веб-сторінці. Це блоковий елемент, який не має семантичного значення, але дозволяє зручно структурувати контент. Тег <div> найчастіше використовується в поєднанні з CSS для оформлення та стилізації груп елементів.
  Перейти
- Тег <fieldset>
  
  Тег <fieldset> (укр. — “група полів”) в HTML використовується для логічного об’єднання кількох елементів форм у межах одного блоку. Це корисно як з точки зору організації структури форми, так і для підвищення її доступності та зручності. Зазвичай тег <fieldset> поєднують із тегом <legend>, який надає заголовок для групи полів.
  Перейти
- Тег <figure>
  
  Тег <figure> (укр. – “фігура”) використовується для групування контенту, який має власний зміст і може бути окремо ідентифікованим елементом на сторінці. Це зазвичай зображення, діаграми, таблиці, відео, ілюстрації або навіть мультимедійні елементи, що мають опис або підпис. Тег <figure> дозволяє зв’язувати контент із його описом, який зазвичай міститься в тегу <figcaption>.
  Перейти
- Тег <footer>
  
  Тег <footer> (укр. – “підвал”) в HTML є семантичним елементом, який використовується для визначення підвалу веб-сторінки або її секції. Зазвичай він містить додаткову інформацію, таку як контактні дані, посилання на політику конфіденційності, авторські права, навігаційні посилання та інші корисні відомості. Цей тег допомагає зробити структуру сторінки зрозумілішою як для користувачів, так і для пошукових систем.
  Перейти
- Тег <form>
  
  Тег <form> (укр. – “форма”) використовується для створення інтерактивних форм у HTML-документах. Ці форми дозволяють користувачам вводити дані, які можуть бути надіслані на сервер для обробки. Тег <form> є контейнером для різних елементів форми, таких як текстові поля, прапорці, радіокнопки, кнопки, випадаючі списки тощо.
  Перейти
- Тег <h1>–<h6>
  
  Теги <h1>–<h6> (укр. – “заголовок”) у HTML використовуються для визначення різних рівнів заголовків від найбільш важливих до найменш важливих. Існує шість рівнів заголовків: від <h1> (найважливіший заголовок) до <h6> (найменш важливий). Теги заголовків допомагають структурувати контент на сторінці, забезпечуючи логічну ієрархію.
  Перейти
- Тег <head>
  
  Тег <head> (укр. – “голова”) в HTML використовується для групування метаінформації про документ і ресурсів, які можуть бути корисними як для браузера, так і для пошукових систем. Цей тег розміщується перед основним вмістом документа, який розташований у тегу <body>, і містить дані, які не відображаються безпосередньо на сторінці.
  Перейти
- Тег <header>
  
  Тег <header> (укр. – “заголовок”) використовується для визначення верхньої частини веб-сторінки або розділу, яка часто містить заголовки, навігаційні меню, логотипи, а також інші елементи, що допомагають користувачам орієнтуватися на сторінці. Це важливий семантичний тег HTML5, який полегшує структуризацію контенту та підвищує доступність сайту для пошукових систем та користувачів.
  Перейти
- Тег <hr>
  
  Тег <hr> (укр. — “горизонтальна лінія” або “тематичний розрив”) в HTML використовується для візуального розділення контенту на логічні частини. Семантично він позначає перехід до нової теми або зміни контексту в документі. У сучасній HTML5-специфікації <hr> вважається тематичним роздільником, а не просто декоративною лінією.Тег є самозакривальним.
  Перейти
- Тег <html>
  
  Тег <html> є основним кореневим елементом будь-якого HTML-документа. Він визначає початок та кінець документа і об’єднує всі інші елементи веб-сторінки. Весь вміст сторінки, включаючи метаінформацію, заголовок, скрипти, стилі та основний контент, повинен бути вкладений всередину цього тега.
  Перейти
- Тег <iframe>
  
  Тег <iframe> використовується для вбудовування одного HTML-документа в інший. Це дозволяє виводити вміст з іншого джерела (сторінки, сервера) в межах поточної веб-сторінки. Він створює інтерактивний фрейм, який може містити зовнішні документи, такі як веб-сторінки, відео, карти, презентації тощо. Це дозволяє інтегрувати сторонній контент, не покидаючи поточної сторінки.
  Перейти
- Тег <img>
  
  Тег <img> (укр. – “зображення”) використовується для вбудовування зображень на веб-сторінку. Це рядковий самозакриваючий тег, який не має закриваючого тегу. Він підтримує різні формати зображень, серед яких:
  Перейти
- Тег <input>
  
  Тег <input> (укр. – “поле введення”) використовується для створення різних типів полів введення в HTML-формах. Цей тег дозволяє користувачам вводити текст, вибирати значення, завантажувати файли, надсилати дані тощо. Поля введення є базовими елементами для створення інтерактивних веб-додатків.
  Перейти
- Тег <label>
  
  Тег <label> (укр. – “мітка”) використовується для прив’язки описового тексту до елементів форми, таких як <input>, <textarea>, <select>. Це дозволяє користувачам, зокрема тим, хто використовує пристрої для читання екрана, легше взаємодіяти з формами. Крім того, натискання на текст мітки автоматично активує пов’язаний елемент.
  Перейти
- Тег <legend>
  
  Тег <legend> (укр. — “легенда”, “заголовок групи полів”) в HTML використовується для додавання заголовка до елемента <fieldset>. Він описує призначення групи полів форми та покращує як візуальне сприйняття, так і доступність для допоміжних технологій (екранних читалок, навігаторів тощо). Зазвичай текст у <legend> відображається у верхній частині рамки <fieldset>.
  Перейти
- Тег <li>
  
  Тег <li> (укр. – “елемент списку”) використовується в HTML для позначення окремого елемента в списку. Він є основним будівельним блоком як нумерованих списків (<ol>), так і ненумерованих (<ul>). Тег <li> завжди використовується всередині тегів списку, позначає кожен окремий пункт або елемент у цьому списку.
  Перейти
- Тег <link>
  
  Тег <link> (укр. – “посилання”) в HTML використовується для підключення зовнішніх ресурсів, зокрема стилів CSS, до веб-сторінки. Це самозакриваючий тег, який дозволяє зв’язувати сторінку з іншими файлами, такими як стилі, шрифти або іконки. Тег <link> є важливим елементом для налаштування зовнішнього вигляду сторінки та взаємодії з іншими ресурсами.
  Перейти
- Тег <main>
  
  Тег <main> (укр. – “основний”) в HTML використовується для позначення основного змісту веб-сторінки. Це структурний елемент, який дозволяє відокремити основний контент від іншого супутнього вмісту, такого як заголовки, навігація, футери чи бічні панелі. Використання тегу <main> допомагає покращити доступність веб-сторінки для користувачів, зокрема для тих, хто користується екранними читалками, а також підвищує зручність навігації по сторінці.
  Перейти
- Тег <meta>
  
  Тег <meta> в HTML використовується для надання метаінформації про веб-сторінку. Він допомагає браузерам, пошуковим системам і соціальним платформам правильно інтерпретувати та відображати сторінку. Мета-теги не мають видимого вмісту, але відіграють ключову роль у SEO-оптимізації, адаптації сторінки до різних пристроїв та управлінні її поведінкою.
  Перейти
- Тег <meter>
  
  Тег <meter> (укр. — “шкала значень” або “вимірювач”) в HTML використовується для відображення числового значення в межах відомого діапазону. Це може бути, наприклад, рівень завантаження, прогрес, рейтинг, сила сигналу, складність пароля тощо.
  Перейти
- Тег <nav>
  
  Тег <nav> (укр. – “навігація”) використовується для визначення секції веб-сторінки, яка містить навігаційні посилання. Цей тег допомагає структурувати сторінку, вказуючи на елементи, що використовуються для переміщення між розділами сайту чи зовнішніми ресурсами.
  Перейти
- Тег <noscript>
  
  Тег <noscript> (укр. — “без скриптів”) використовується в HTML для надання альтернативного контенту на випадок, якщо:
  Перейти
- Тег <ol>
  
  Тег <ol> (укр. – “нумерований список”) використовується в HTML для створення нумерованих (упорядкованих) списків, де кожен елемент автоматично пронумерований браузером. Це зручно для відображення послідовностей, де порядок елементів є важливим, наприклад, для кроків інструкції або рейтингових списків.
  Перейти
- Тег <optgroup>
  
  Тег <optgroup> (укр. – “група опцій”) в HTML використовується для групування елементів <option> у межах випадаючого списку, створеного за допомогою тегу <select>. Це дозволяє логічно структурувати та впорядковувати варіанти, поділяючи їх на окремі групи. Групи варіантів можуть бути корисними, коли потрібно організувати великий набір варіантів у списку для покращення зручності користувачів.
  Перейти
- Тег <option>
  
  Тег <option> (укр. – “опція”) в HTML використовується для визначення окремих елементів у списку, створеному за допомогою тегів <select>, <optgroup> або інших подібних елементів. Він дозволяє користувачам вибирати один або кілька варіантів із списку. Кожен елемент <option> є варіантом, який можна вибрати, і має текст, який відображається в інтерфейсі користувача.
  Перейти
- Тег <p>
  
  Тег <p> (укр. – “абзац”) в HTML використовується для визначення абзацу тексту. Абзаци є основними структурними елементами текстових блоків на веб-сторінках. Візуально абзаци зазвичай відображаються з відступом зверху та знизу або з порожніми рядками між ними.
  Перейти
- Тег <picture>
  
  Тег <picture> (укр. — “картина”, “адаптивне зображення”) в HTML використовується для створення адаптивних (респонсивних) зображень. Дає змогу браузеру самостійно вибирати найбільш відповідну версію зображення в залежності від:
  Перейти
- Тег <progress>
  
  Тег <progress> (укр. — “індикатор прогресу”) використовується для відображення прогресу виконання якоїсь дії, наприклад, завантаження файлу, заповнення форми чи обробки даних. Його можна використовувати як із реальними значеннями, так і як невизначений індикатор (коли тривалість виконання невідома).
  Перейти
- Тег <script>
  
  Тег <script> (укр. – “скрипт”) в HTML використовується для вставлення або підключення скриптів JavaScript до веб-сторінки. Цей тег дозволяє додавати динамічний функціонал, обробку подій, взаємодію з користувачем та інші програмні можливості.
  Перейти
- Тег <section>
  
  Тег <section> (укр. – “секція”) є семантичним елементом в HTML, який використовується для логічного розділення контенту на тематичні блоки (наприклад, розділи “Про нас”, “Наші послуги”, “Контакти”). Кожна секція зазвичай має заголовок і містить контент, який стосується однієї теми чи ідеї.
  Перейти
- Тег <select>
  
  Тег <select> (укр. – “вибір”) в HTML використовується для створення випадаючих списків, які дозволяють користувачеві вибирати один або кілька варіантів із попередньо визначеного списку. Це зручний елемент для форм, де необхідно запропонувати обмежений набір опцій.
  Перейти
- Тег <slot>
  
  Тег <slot> (укр. — “слот”, “місце вставки”) в HTML використовується всередині Web Components (кастомних елементів) для визначення місця, куди може бути вставлений динамічний вміст ззовні. Це основний механізм реалізації content projection (проекції вмісту) у специфікації Shadow DOM.
  Перейти
- Тег <source>
  
  Тег <source> (укр. – “джерело”) в HTML використовується для вказання декількох джерел мультимедійного контенту у таких елементах як <audio>, <video> та <picture>. Це дозволяє браузеру вибрати відповідний файл залежно від його формату або роздільної здатності, забезпечуючи кращу сумісність та оптимізацію для користувача.
  Перейти
- Тег <span>
  
  Тег <span> в HTML використовується для групування і стилізації частини тексту або вбудованих елементів на веб-сторінці. Він не має ніякого візуального впливу сам по собі, але дозволяє застосовувати стилі або маніпулювати частинами контенту за допомогою CSS чи JavaScript.
  Перейти
- Тег <strong>
  
  Тег <strong> (укр. — “сильне виділення”) використовується для семантичного виділення важливих частин тексту. Його призначення — вказати, що певний фрагмент має особливу важливість чи значення в контексті. За замовчуванням браузери відображають текст у тегу <strong> жирним шрифтом (bold), однак головна функція — саме семантична, а не візуальна.
  Перейти
- Тег <style>
  
  Тег <style> (укр. – “стиль”) в HTML використовується для додавання CSS стилів безпосередньо в HTML-документ. Він дозволяє визначати стилі для елементів на сторінці без необхідності підключати зовнішній файл CSS. Зазвичай тег <style> розміщується в секції <head>, що дозволяє стилям завантажуватися до рендерингу сторінки.
  Перейти
- Тег <summary>
  
  Тег <summary> (укр. — “заголовок”) в HTML використовується всередині елемента <details> і визначає видиму частину розкривного блоку, по якій користувач може клікати для розкриття або приховування вмісту. Якщо тег <summary> відсутній, браузер все одно дозволить розгортати <details>, але без текстового заголовка, що знижує зручність і доступність.
  Перейти
- Тег <svg>
  
  Тег <svg> (укр. — “векторна графіка”) використовується в HTML для відображення масштабованої векторної графіки прямо у коді сторінки. Він дозволяє створювати інтерактивну, анімовану, чітку графіку будь-якого розміру, яка не втрачає якості при масштабуванні.
  Перейти
- Тег <table>
  
  Тег <table> (укр. – “таблиця”) використовується для створення таблиць у HTML-документах. Таблиці дозволяють організувати дані в структурованому вигляді, що полегшує їх сприйняття та аналіз. Вони складаються з рядків і стовпців, у яких можна розміщувати різні елементи, такі як текст, зображення, посилання тощо.
  Перейти
- Тег <tbody>
  
  Тег <tbody> (укр. — “тіло таблиці”) в HTML використовується для групування основного вмісту таблиці — тобто її основних рядків з даними. Разом із тегами <thead> та <tfoot> дозволяє логічно структурувати таблицю та полегшує роботу браузерів, скрінрідерів та CSS.
  Перейти
- Тег <td>
  
  Тег <td> (укр. – “клітинка таблиці”) використовується для визначення клітинки таблиці в HTML-документах. Він є одним з основних елементів при створенні таблиць, оскільки розміщує дані всередині таблиці. Кожен елемент <td> знаходиться всередині тега <tr>, який визначає рядок таблиці. Клітинки таблиць можуть містити текст, зображення, посилання, інші елементи HTML та навіть форми.
  Перейти
- Тег <template>
  
  Тег <template> (укр. — “шаблон”) в HTML використовується для зберігання фрагментів HTML-коду, які не відображаються на сторінці під час завантаження. Контент всередині <template> не рендериться браузером до тих пір, поки він не буде явно вставлений у DOM за допомогою JavaScript.
  Перейти
- Тег <textarea>
  
  Тег <textarea> (укр. – “текстове поле”) використовується для створення багаторядкових полів введення в HTML-формах, де користувач може ввести великі обсяги тексту. Це поле особливо корисне для введення коментарів, повідомлень або описів, коли потрібно більше простору для введення.
  Перейти
- Тег <tfoot>
  
  Тег <tfoot> (укр. — “підвал таблиці”, “підсумок таблиці”) в HTML використовується для групування рядків, які містять підсумкову інформацію таблиці: загальні підрахунки, примітки, додаткові коментарі тощо.
  Перейти
- Тег <th>
  
  Тег <th> (укр. – “заголовок таблиці ”) використовується для визначення заголовка клітинки в таблиці HTML. Він є важливим елементом для структурування даних у таблицях, адже позначає заголовкові клітинки, що містять інформацію про стовпці або рядки таблиці. Тег <th> за замовчуванням відображається жирним шрифтом і вирівнюється по центру клітинки.
  Перейти
- Тег <thead>
  
  Тег <thead> (укр. — “заголовок таблиці”) в HTML використовується для групування рядків заголовка таблиці. Він дозволяє логічно відокремити шапку таблиці від її основного вмісту та підвалу.
  Перейти
- Тег <time>
  
  Тег <time> (укр. — “час”) в HTML використовується для позначення дат, часу або тривалості у стандартизованому форматі. Він надає можливість як людині, так і машині (пошуковикам, скрінрідерам, календарям, парсерам) правильно інтерпретувати значення дати або часу.
  Перейти
- Тег <title>
  
  Тег <title> (укр. – “заголовок”) в HTML використовується для визначення заголовка веб-сторінки. Текст, який розміщений у цьому тегі, відображається у вкладці браузера, у результатах пошукових систем та у закладках, коли користувач додає сторінку до обраного. Завдяки цьому заголовок відіграє важливу роль у створенні першого враження про сторінку.
  Перейти
- Тег <tr>
  
  Тег <tr> (укр. – “рядок таблиці”) використовується для визначення рядка таблиці в HTML-документах. Він є важливим елементом при створенні таблиць, оскільки в ньому містяться клітинки (елементи <td> та <th>), які організовують та структурують дані в таблиці. Тег <tr> зазвичай розташовується між тегами <thead>, <tbody> або <tfoot> для позначення різних частин таблиці.
  Перейти
- Тег <track>
  
  Тег <track> (укр. — “допоміжна доріжка”) в HTML використовується всередині елементів <audio> або <video> для додавання текстових доріжок: субтитрів, титрів, описів чи перекладів. Це допомагає зробити медіаконтент доступнішим для людей із порушеннями слуху або для перекладу на інші мови.Тег є самозакривальним.
  Перейти
- Тег <ul>
  
  Тег <ul> (укр. – “ненумерований список”) в HTML використовується для створення ненумерованих (маркерованих) списків. Це список елементів, де кожен пункт відображається з маркером (точкою, кружечком або іншим символом), але без числової нумерації.
  Перейти
- Тег <use>
  
  Тег <use> в SVG (укр. — “використати”) дозволяє багаторазово вставляти та повторно використовувати вже визначені елементи всередині SVG-контейнера. Це значно спрощує створення складних композицій, економить розмір файлу та пришвидшує рендеринг.Тег <use> застосовується тільки всередині <svg> і посилається на інші елементи SVG за їхнім id.
  Перейти
- Тег <video>
  
  Тег <video> (укр. – “відео”) в HTML використовується для вбудовування відеоконтенту на веб-сторінку. Цей елемент дозволяє відтворювати відеофайли локально або за допомогою зовнішнього джерела (URL), а також підтримує управління програванням відео за допомогою атрибутів або JavaScript API.
  Перейти

DOCTYPE

Приклади використання

Додаткові моменти

Ще теги

HTML

Атрибути тегів в HTML

Тег <a>

Тег <abbr>

Тег <address>

Тег <article>

Тег <aside>

Тег <audio>

Тег <base>

Тег <bdi>

Тег <bdo>

Тег <body>

Тег <br>

Тег <button>

Тег <canvas>

Тег <caption>

Тег <code>

Тег <col>

Тег <colgroup>

Тег <data>

Тег <datalist>

Тег <details>

Тег <dialog>

Тег <div>

Тег <fieldset>

Тег <figure>

Тег <footer>

Тег <form>

Тег <h1>–<h6>

Тег <head>

Тег <header>

Тег <hr>

Тег <html>

Тег <iframe>

Тег <img>

Тег <input>

Тег <label>

Тег <legend>

Тег <li>

Тег <link>

Тег <main>

Тег <meta>

Тег <meter>

Тег <nav>

Тег <noscript>

Тег <ol>

Тег <optgroup>

Тег <option>

Тег <p>

Тег <picture>

Тег <progress>

Тег <script>

Тег <section>

Тег <select>

Тег <slot>

Тег <source>

Тег <span>

Тег <strong>

Тег <style>

Тег <summary>

Тег <svg>

Тег <table>

Тег <tbody>

Тег <td>

Тег <template>

Тег <textarea>

Тег <tfoot>

Тег <th>

Тег <thead>

Тег <time>

Тег <title>

Тег <tr>

Тег <track>

Тег <ul>

Тег <use>

Тег <video>

Найсоковииитіші
знижки від GoIT