Привіт, читачі!!!
Ласкаво просимо до DevaDocs!!!
HTML Hyper Text Markup Language — це скелетна мова для веб-розробки.
Вивчити HTML може бути легко, але запам'ятати всі теги, атрибути та елементи в HTML може бути складно (для таких людей, як я).
Тому я вирішив задокументувати всі теги, елементи та атрибути HTML в цьому документі для подальшого використання.
Не соромтесь посилатися на цей документ за потребою і не забувайте додати в закладки цю сторінку для зручного доступу.
HTML Теги та Атрибути - Довідка
Основні структури тегів
╔═══════════╦═══════════════════════════════════════════════╗
║ Тег ║ Атрибути ║
╠═══════════╬═══════════════════════════════════════════════╣
║ ║ lang, xmlns ║
║ ║ Немає ║
║
╔════════════╦══════════════════════════════════════════════════════════════════════════╗
║ Тег ║ Атрибути ║
╠════════════╬══════════════════════════════════════════════════════════════════════════╣
║ ║ src, alt, width, height, loading, title, class, id, style ║
║ ║ src, controls, autoplay, loop, muted, preload ║
║ ║ src, controls, autoplay, loop, muted, preload, width, height, poster ║
║ ║ src, type, media ║
║ ║ kind, src, srclang, label, default ║
╚════════════╩══════════════════════════════════════════════════════════════════════════╝
Вбудований контент
╔════════════╦════════════════════════════════════════════════════════════════╗
║ Тег ║ Атрибути ║
╠════════════╬════════════════════════════════════════════════════════════════╣
║ ║ src, height, width, name, sandbox, allow, allowfullscreen ║
║ <embed> ║ src, type, width, height ║
║ <object> ║ data, type, width, height, name, usemap ║
║ <param> ║ name, value ║
╚════════════╩════════════════════════════════════════════════════════════════╝
Скрипти
╔════════════╦════════════════════════════════════════════════════╗
║ Тег ║ Атрибути ║
╠════════════╬════════════════════════════════════════════════════╣
║ <script> ║ src, type, async, defer, integrity, crossorigin ║
║ <noscript> ║ Немає ║
╚════════════╩════════════════════════════════════════════════════╝
Стилі
╔════════════╦════════════════╗
║ Тег ║ Атрибути ║
╠════════════╬════════════════╣
║ <style> ║ type, media ║
╚════════════╩════════════════╝
Семантичний HTML5
╔════════════════════════╦═══════════════════════╗
║ Тег ║ Атрибути ║
╠════════════════════════╬═══════════════════════╣
║<header>, <footer> ║ class, id, style ║
║<article>, <section> ║ class, id, style ║
║<nav>, <aside>, <main> ║ class, id, style ║
║<figure>, <figcaption> ║ class, id, style ║
╚════════════════════════╩═══════════════════════╝
Інтерактивні елементи
╔════════════╦════════════╗
║ Тег ║ Атрибути ║
╠════════════╬════════════╣
║ <details> ║ open ║
║ <summary> ║ Немає ║
║ <dialog> ║ open ║
╚════════════╩════════════╝
Застарілі теги
╔════════════╦═══════════════════════════════════════════════════════════════════════════════╗
║ Тег ║ Атрибути ║
╠════════════╬═══════════════════════════════════════════════════════════════════════════════╣
║ <font> ║ color, face, size ║
║ <center> ║ Немає ║
║ <marquee> ║ behavior, direction, scrollamount, scrolldelay, loop, bgcolor, height, width ║
╚════════════╩═══════════════════════════════════════════════════════════════════════════════╝
Це різні типи HTML тегів, які вам потрібно знати, якщо ви працюєте з HTML.
Дякую за прочитання цієї статті
З найкращими побажаннями від DEVADOCS !!!
Перекладено з: All you need to known in HTML!!!