Просмотров: 6 226

Что нового появилось в разметке HTML5 и отличия от HTML 4?

Ни для кого не секрет, что на смену уже устаревающему стандарту HTML 4.01, приходит новый стандарт, который называется HTML5.

Давайте посмотрим, какие новые возможности для нас несет HTML5.

1) Название

Первое, что сразу бросается в глаза – это то, что в названии HTML 4.01 версия «4.01» отделяется от HTML через знак пробела, HTML5 пишется слитно. Это не случайно. HTML5 – это принципиально новый стандарт, который не имеет отношения к предыдущей нумерации версия HTML.

2) У HTML5 появился новый doctype, который намного проще запомнить.

Теперь он пишется так:

<!DOCTYPE HTML>

Причем, не имеет значения регистр, в котором он написан, можно написать так:

<!doctype HTML>

И так

<!doctype html>

Эта короткая запись заменяет старую и длинную форму:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

3) Теперь кодировку можно указывать новым сокращенным способом:

<meta charset="UTF-8">

Вместо старого

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

3) Добавление новых элементов, которые добавляют логику и семантику на страницу. 

Основным конструктивным элементом в HTML4 был элемент div. По сути div – это просто прямоугольная область на странице, которая может содержать в себе все, что угодно.

Проблема в этом и заключалась, что в него можно было размещать все, что угодно и, в некоторых ситуациях, становилось совсем не понятно, какую функцию или роль играет какая-та часть на странице, какой логический смысл она несет. Единственный способ добавить этот самый логический смысл был в добавлении к элементу уникального идентификатора (атрибута id).

В HTML5 div никуда не исчез, но появляются новые элементы, которые сами по себе несут какой-то логический смысл.

О некоторых из них можно почитать здесь.

4) Появились другие новые элементы, которые выполняют какие-то спецефические задачи.

5) Появилась новая технология построения оглавления веб-страницы (outline).

Теперь для каждой веб-страницы, можно построить его оглавление и увидеть ее карскас или структуру. Планируется, что в будущем, эта новая возможность будет внедрятся в браузеры.

6) HTML5 добавляет новые правила, которые делают язык более строгим.

HTML4 был слишком вольным, в плане синтаксиса.