Экономия времени и кода благодаря HTML5

Первая строка любого HTML-документа начинается с DOCTYPE (Document Type Declaration — определение типа документа). Честно говоря, эта часть будет автоматически добавляться используемым редактором кода веб-страниц либо можно скопировать и вставить ее из уже имеющегося шаблона (в действительности никто не вводит вручную определение типа документа HTML 4.01 целиком). До появления HTML5 DOCTYPE для стандартной страницы на HTML 4.01 выглядело следующим образом:

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

Однако теперь, когда у нас есть HTML5, определение типа документа выглядит так:

<! DOCTYPE html>

Сейчас я не печатаю вручную определение типа документа каждый раз, когда пишу страницу, и, думаю, вы поступаете точно так же. «Что же такого особенного в HTML5?» — спросите вы. Как насчет добавления ссылок в JavaScript или CSS на ваших страницах? При использовании HTML 4.01 правильный вариант указания ссылки на файл сценария будет таким:

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

HTML5 упрощает его:

<script src="js/jquery-1.6.2.js"></script>

Как вы можете видеть, больше нет необходимости указывать атрибут type. Похожим образом дело обстоит с добавлением ссылок на CSS файлы. HTML5 также допускает использование намного менее аккуратного синтаксиса, который будет считаться валидным. Например, <sCRipt SrC=js / jquery -1.6.2. js></script> будет точно таким же валидным, как и предыдущий образец. Здесь нет кавычек вокруг источника сценария, а в именах тега и атрибута используется сочетание символов в верхнем и нижнем регистре. Однако для HTML5 это не имеет значения: данный код сможет пройти валидацию в W3C-валидаторе HTML5 (http://validator w3.org/). Это хорошая новость для вас, если ваш код написан не очень аккуратно и, что важнее, если вы хотите убрать из своей разметки все лишние символы. Есть и другие особенности написания кода, которые облегчают жизнь. Предлагаю взглянуть на новые семантические HTML5-элементы.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *