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

Изначально HTML представлял собой простой язык разметки, однако прогресс не стоит на месте и с выходом новых версий он стремительно развивался. В настоящее время у нас в распоряжении есть версия HTML5, которая разработана для создания полноценных веб-приложений с поддерж­кой свойства глобального объекта  localStorage, 3d-рисования, работой полностью в автономном режиме и многое другое. В этом уроке вы разберетесь с понятием «HTML5» и узнаете что нового он нам принес.

Начнем по порядку и для начала давайте откроем html – код страницы любого сайта. Обратите внимание на самую верхнюю строчку кода:

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

Этот кусок кода, присущий для прошлой версии html 4.01, всем нам хорошо знаком. В этой строке указан тип документа, версия html и ссылка на файл, который определяет соответствующий стандарт. В HTML5 doctype выглядит совсем просто:

<!DOCTYPE HTML>



Да, вы не ошиблись это не опечатка. Не верите? Посмотрите код моего сайта и сами в этом убедитесь! В HTML5 можно забыть про громоздкий код тега doctype, который мало кто запоминал и просто от куда-нибудь его копировал. Но это еще не все! Как утверждают разработчики, данное определение doctype останется неизменным и будет одинаковым для всех версий HTML. Не правда ли замечательное начало знакомства с HTML5, как вы считаете? Двигаемся дальше.

Обратите внимание на meta тег, в котором мы указывали кодировку сайта:

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

В HTML5 все на много проще и достаточно написать:

<meta charset="utf-8">

Все браузеры уже давно понимают такое описание этого meta тега и вы смело можете его использовать в коде страниц своего сайта.

Теперь посмотрите на тег link, в котором указан путь к файлу таблиц стилей (css):

<link href="style.css" rel="stylesheet" type="text/css">

Он тоже подвергся изменению в лучшую сторону и в HTML5 код стал проще:

<link href="style.css" rel="stylesheet">

Как вы видите в HTML5 можно убрать атрибут type, так как теперь CSS объявлен стандартным языком стилей по умолчанию для HTML5.

И на закуску, стандартным языком для HTML5 стал не только CSS, но и JavaScript, поэтому атрибут type можно со спокойной душой удалить и из тега script. И вместо длинной строчки:

<script type="text/javascript" src="script.js"></script>

Можно и нужно писать так:

<script src="script.js"></script>

На сколько же стало проще! Теперь с полученными знаниями вы можете с легкостью модернизировать свой сайт под HTML5. Что и это все чем богат HTML5? Конечно же нет! В следующих уроках вы узнаете новые теги HTML5 и еще много чего интересного и полезного.