Новая редакция HTML 5.1: изменения и нововведения

html5.1

Представители World Wide Web Consortium  (W3C) порадовали общественность представленным списком рекомендаций для HTML 5.1. Данная спецификация определяет второе издание пятой основной версии языка гипертекстовой разметки HTML.

В новой версии исправили значительную ошибку несоответствия системным идентификаторам (строка DOCTYPE) в HTML 5.1 и HTML 4. В HTML 5.1 был указан https:// вместо http://, что нарушало совместимость.

Помимо этого,продолжают добавляться новые функции, в рамках спецификации HTML 5.2, которая по плану должна быть утверждена в качестве стандартной в 2018 году.

Новое в  HTML 5.1

3 основных нововведения – это тэги <picture>, <dialog> и комбинированный – <summary> & <details>.

Технически браузеры уже используют тэг <picture>. В версии 5.1 это будет происходить официально. Правда, в связке с данным тэгом ещё добавлен атрибут srcset для реализации отзывчивых изображений.

Тэг <dialog> прежде применялся только лишь в Chrome и Opera. Он позволит создавать диалоговые окна внутри HTML, с минимальным объемом JavaScript-кода (его станет меньше, чем раньше).

Есть информация, что <summary> & <details> были добавлены, чтобы облегчить создание разворачивающихся элементов интерфейса.

Новое в HTML 5.2

Не дожидаясь выхода HTML 5.1, в середине августа концорциум начал работу над HTML 5.2. В этом стандарте планируется 2 основных обновления – определение <meta name="theme-color"> и добавление поддержки <script type="module">.

Первое даст возможность разработчикам установить главный цвет (dominant color) страницы, который может быть использован, например, некоторыми браузерами. Так, Vivaldi меняет цвет панели инструментов при переходе с сайта на сайт.

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

Таблица изменений доступна по этому адресу, а черновик спецификации HTML 5.2 расположен по ссылке.

Оставьте ответ

comment-avatar

*