Нові теги html5 - енциклопедія html5

Які теги додали в мову HTML5?

У мову HTML5 додали безліч нових тегів:

- теги семантично описують структуру сторінки,
- теги описують нові технології,
- теги збагачують мову HTML.

Семантичний опис структури сторінки в HTML5

Нові теги в HTML5 - це теги, семантично описують структуру сторінки, призначені для того щоб комп'ютерна програма (наприклад пошуковий робот). змогла відрізняти основний контент, від інших частин сторінки: шапки, підвалу, меню, сайдбара, повторюваних (динамічних) блоків і т.д. Також йде семантичне поділ на рівні основного контенту (тексту старніцах).

Семантика HTML5 на рівні структури сторінки

Розглянемо список нових тегів HTML5, що відповідають за семантичне поділ структури сторінки:

- теги обрамляють елементи дизайну верхній частині сайту, так звана "шапка сторінки". Також теги header можна використовувати як верхню частину тега section.

- теги обрамляють основне меню на сайті.

- теги обрамляють основний контент сторінки: статтю, запис в блозі, новина, перший запис форуму і т.п.

Природно, все це поки знаходиться лише на рівні рекомендацій, і ви можете вставляти дані теги куди завгодно, використовуючи їх замість тегів

. практична користь від них може з'явитися лише тоді, коли пошукові системи (Яндекс, Гугл) почнуть рекомендувати, де і коли використовувати ці теги, для більш високого ранжирування сайтів.

Семантика HTML5 на рівні тексту

Розглянемо список нових тегів HTML5, що відповідають за семантичне поділ тексту сторінки:

- текст що знаходиться між цими тегами стає "виділеним". Одне з призначень тегів mark. обрамляти слова в тексті, які наприклад збігаються зі словом введеним користувачем в пошуковий рядок.

- теги призначені для створення дат і / або часу в форматі
ISO виду: YYYY-MM-DDThh: mm: ss. такий формат зрозумілий комп'ютерним програмам. Теги time можуть обрамляти дату або текст, якщо тег обрамляє текст, то в нього додають атрибут datetime. значенням якого виступає дата і / або час в форматі ISO.

- теги призначені для зберігання інформації, яка або прихована, або відображена (працює на зразок спойлера).

- теги обрамляють заголовок, якщо по ньому клацнути то з'явиться текст (можна використовувати в якості спойлера). знаходяться між тегами details.

Додаткові теги мови HTML5

Список нових тегів HTML5, збагачувати мову:

- теги призначені для виведення статичної індикатора шкали, при якому результат вимірювання не змінюється. Для роботи потрібно мінімальне і максимальне значення.

- теги призначені для виведення динамічного індикатора шкали (наприклад шкали завантаження файлу), при якому результат вимірювання змінюється в реальному часі.

- між цими тегами поміщають тег command.

- теги призначені для виведення роботи скрипта.

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

- теги обрамляють опис будь-якого об'єкта (наприклад зображення). знаходяться між тегами figure.

- теги групують різні об'єкти сторінки мають свої опису, наприклад зображення з описом, товари з описом і т.д.

- теги призначені для угруповання заголовків h *

- тег використовується для генерації відкритих / закритих пар ключів, шифрування / розшифрування даних, створення / перевірки цифрового підпису.

- теги обрамляють текст і анотацію до нього.

- теги знаходяться між тегами ruby. призначені для обрамлення анотації.

- теги призначені для браузерів які не підтримують теги ruby.

- тег вказує браузеру в якому місці переносити слово, якщо це слово не вміщається в вікно браузера.

Теги HTML5 описують нові технології

У HTML5 з'явилася можливість використання безлічі технологій і API, які є частиною мови HTML5, а не сторонніми плагінами, ось деякі з них:

- теги призначені для відтворення аудіофайлів, без використання сторонніх програм (плагінів, розширень).