Новації HTML 5

У статті ми розглянемо нововведення і зміни HTML 5, і подивимося, що з цього вже працює в новітніх браузерах.
Новий доктайп і спосіб вказівки кодування HTML 5
На відміну від існуючих громіздких доктайпов, оголошення 5-ої версії коротко і лаконічно:
Це пов’язано з тим, що HTML 5 більше не є частиною SGML, тепер це самостійний мову розмітки.
Оголошення кодування в HTML 5 так само потерпіло зміни. Виглядає воно тепер ось так:

Нова структура в HTML 5
HTML 5 передбачає, що сторінка завжди має структуру, подібну зі структурою книжок або XML документів. Зазвичай, у веб-сторінки є навігація, основний контент, другорядний контент (частіше в сайдбарі), заголовки, футеры і так далі. Для кожного такого елемента в HTML 5 є свої теги:
— для якихось частин сторінки;
— заголовок сторінки;
— футер сторінки;
— навігація;
— стаття або основний контент;
— додатковий контент;
— визначає картинку, супровідну статтю (типу як у нас до кожної статті).
Нові рядкові елементи в HTML 5
Ці елементи визначають основні семантичні об’єкти сторінки:
— вказує на елемент, який взаємодіє з якоюсь функцією;
— виділяє дату або час;
— які-небудь метричні дані або характеристики;
— показує процес виконання завдання (функції, наприклад).
Нова підтримка динамічних сторінок на HTML 5
HTML 5 створювався під динамічні сторінки, тому в ньому багато можливостей для розробників:
контекстне меню — створення і використання контекстних меню всередині сторінок;
аттрибут href більше не є обов’язковим, що дозволяє використовувати тег для скриптів без необхідності виставляти якоря;
аттрибут async тега — вказує браузеру, що завантажувати цей скрипт слід асинхронно; браузер не гальмує завантаження сторінки, скрипт грузиться вже після завантаження сторінки;
— більш детальна інформація від якомусь елементі;
— створює таблицю, яка будується на основі даних з бази даних або іншого динамічного джерела (якась оновлювана статистика);
для створення системи меню;
визначає дії, які повинні статися при активації якогось елемента.
Нові типи полів форм в HTML 5
HTML 5 і раніше підтримує всі основні типи полів форм, додавши при цьому і деякі нові:
datetime
datetime-local
date
month
week
time
number
range
email
url
Нові елементи
Ось лише деякі нові елементи, додані в HTML 5:
— елемент, який дозволяє вам малювати всередині сторінки, використовуючи JavaScript; як ви знаєте, багато сучасні js бібліотеки і скрипти використовують цей тег для графіків;
дозволить вам вставити відео в сторінку за допомогою одного тега.
— для аудіо.
При цьому з HTML 5 зникли деякі теги
У новій специфікації більше немає деяких тегів — деякі з них самі по собі вже застаріли і мало, хто їх використовує. Але, були видалені і деякі досить популярні теги. Ось повний список:
acronym
applet
добкін
big
center
dir
font
frame
frameset
isindex
noframes
noscript
s
strike
tt
u
Що вже працює в браузерах
Як я вже сказав, багато браузери вирішили не чекати офіційного виходу HTML 5 (як і CSS 3) і вже почали впроваджувати деякі з описаних фіч в останні версії своїх продуктів.
Автор даної статті – Адміністратор проекту для початківців програмістів (UProgram.ru), який носить нік webDoktor.