Что нового в HTML5?

Прежде всего в HTML5 изменилась запись декларации типа документа DOCTYPE. Она упростилась и имеет следующую форму:


<!DOCTYPE html>

Также упростилась запись декларации кодировки символов, используемой в документе:


<meta charset="UTF-8">

Пример документа HTML5:


<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>Заголовок документа</title>
</head>

<body>
   Содержимое документа......
</body>

</html>

Кодировка символов в HTML5 по умолчанию UTF-8.

Новые элементы HTML5

В HTML5 были добавлены некоторые новые элементы, среди которых можно отметить следующие наиболее интересные элементы:

Новые семантические элементы <header>, <footer>, <article>, <section>.
Новые атрибуты для элементов форм number, date, time, calendar, range.
Новые графические элементы <svg> и <canvas>.
Новые мультимедийные элементы <audio> и <video>.

Новые API-интерфейсы HTML5

В HTML5 появились новые API-интерфейсы (API – application programming interface - интерфейс прикладного программирования) :

  • HTML Geolocation — Интерфейс определения географического положения
  • HTML Drag and Drop — Интерфейс перетаскивания элементов
  • HTML Local Storage — Интерфейс локального хранилища
  • HTML Application Cache — Интерфейс кэша приложения
  • HTML Web Workers — Интерфейс разделения процессов по потокам
  • HTML SSE — Интерфейс передачи событий в реальном времени

Примечание: HTML Local storage (Интерфейс локального хранилища) это мощная замена кукисов.

Удаленные в HTML5 элементы

Следующие элементы HTML4 были удалены в HTML5:

Удаленный элементЗамена
<acronym><abbr>
<applet><object>
<basefont>CSS
<big>CSS
<center>CSS
<dir><ul>
<font>CSS
<frame>
<frameset>
<noframes>
<strike>CSS, <s> или <del>
<tt>CSS