Краснодар

+7 952  830 72 85

Москва

+7 495 134 25 57

Краснодар

+7 952  830 72 85

Москва

+7 495 134 25 57

Как усовершенствоваться до HTML5: шаблоны HTML5

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

Синтаксис

Язык очень похож на XHTML и HTML 4. Большинство их элементов поддерживается в пятой версии, кроме нежелательных атрибутов и тегов.

Синтаксис XHTML и HTML немного отличается. Поддерживаются оба варианта. Для этого достаточно изменить doctype, в котором стоит указание на XHTML или HTML 4.01, на <!DOCTYPE html>. Документ пройдет валидацию успешно по новым правилам.

Синтаксис HTML5 более совершенен, если сравнивать его с предыдущими версиями. Создатели спецификации мониторили работу веб-разработчика, оценили классы, часто встречаемые разделы, сценарии, возможности библиотек.

HTML5 может теперь выполнять те функции, которое до этого разработчики реализовывали самостоятельно. В стандарте подробно описывают, как браузеры должны его поддерживать и как обрабатывать любой фрагмент некорректного или корректного кода. Такой контроль обеспечивает правильную работу при любых сценариях.

Элементы

Страница сайта состоит из множества элементов. Некоторые из них пусты, другие с текстом, третьи включают в себя дочерние элементы или узлы текста.

Элемент – это конструкт, который состоит из открывающего тега опциональных и обязательных атрибутов.

В HTML5 закончилось противопоставление строковых и блочных. Теперь элементы делятся на фразовые, потоковые, встроенные, заголовочные, интерактивные, метаданные, секционирующие.

Атрибуты

Все элементы могут их иметь. У некоторых есть и обязательные. В качестве примера рассмотрим href. Сопровождает элемент <a>.

Атрибуты дают дополнительную информацию графическим движкам. Ставятся у открывающего тега.

Атрибуты интернационализации и глобальные

В новой версии появились новые виды основных атрибутов и интернационализации. Они могут сопровождать любой элемент (id, class, title, style, lang и dir). Добавились accesskey, hidden и tabindex.

Специальные атрибуты данных задаются разработчиком самостоятельно. Их записывают как data-*. Астериск (*) означает, что атрибут создан нами. Префикс data – ввели, чтобы программист мог сам создавать новые атрибуты без конфликтов с предыдущими версиями.

id

Уникальный идентификатор. Два элемента не могут иметь одинаковый id. В HTML5 идентификаторы должны состоят из одного символа без пробелов. В старых версиях работали другие правила. id начинается с буквы, диапазон A–Z или a–z. За ней следуют другие буквы, дефисы и символы.

Можно совсем обойтись без атрибута, но он нужен для создания внутренних закладок, реализации меток для элементов внутри формы. Последние задаются тегом <label>, связываются с элементами формы атрибутом for и id элемента формы.

Атрибут полезен как якорь к JavaScript. Если включаете в документ id, используете таблицу стилей CSS, чтобы точно указать необходимые элементы.

Этот атрибут – дорогой ресурс, поэтому лучше ставить экономно.