Главная

Коротко об HTML 5.2

2017-12-23 в 17:09, admin, рубрики: html, html5

Уважаемые коллеги, добрый день.

В связи с тем, что 14.12.2017 года W3C в блоге объявила о выходе новой редакции HTML 5, предлагаю Вашему вниманию краткое описания основных нововведений.

Новации

Поддержка модульного JavaScript

На мой взгляд, самая интересная и ожидаемая новация связана с поддержкой модульного синтаксиса последнего стандарта ECMA Script.

Использование будет происходить следующим образом:
```
<script type="module">
	import { app } from './app';
	app.run();
</script>
```
Для того, что бы обеспечить загрузку каждого импортируемого скрипта не более одного раза на документ или web воркер, реализована коллекция (module map), которая будет содержать ссылочные записи с одним из следующих значений:

— непосредственно модульный скрипт (module script);
— null, используемых для индикации неудавшихся загрузок;
— fetching -временный плейсхолдер.

Путь к файлу будет сначала пропущен через Парсер ссылки (URL parser), корректные значения будут использованы для разрешения пути. Повторяющиеся пути будут проигнорированы.

Следует отметить, что если путь начинается не с символов "/", "./" или "../" будет возвращена ошибка. Это обусловлено планируемым в будущем внедрением «голого» импорта.

Отдельно следует учесть, что некорректный MIME type, в отличие от обычных скриптов, в отношении модульного скрипта будет ошибкой.
Элемент <dialog>

Тэг <dialog> определяет окно или контейнер, предназначенный для создания всплывающих и модальных окон. Кроме стандартных html атрибутов, данному тегу будет доступен один булиевый атрибут open сообщающий о том, является ли элемент активным и доступным пользователю для взаимодействия. В качестве JavaScript объекта <dialog>, кроме стандартных свойст и методов, получил свойства:
— open — геттер/сеттер — активен ли элемент;
— returnValue — геттер/сеттер — значение возвращаемое элементом,
а также методы:
— close() — закрывает элемент;
-open() — показывает элемент;
-showModal() показывает элемент и делает его модальным элементов верхнего уровня.
Атрибут nonce для <link>

Элемент <link> получил атрибут nonce, представляющий собой криптографический nonce («специально для данного случая»), который может быть использован для определения будет ли внешний ресурс указанный в <link> загружен и применен к документу.
Элемент <iframe>

Элемент <iframe> получил сразу два изменения, новый атрибут allowpaymentrequest для интеграции с Payment Request API и новое значение для атрибута sandbox для интеграции с Presentation API.

Удалены из стандарта

элементы <keygen>, <menu> и <menuitem>;
атрибут inputmode для текстовых <input>, и dropzone атрибутов;
метод showModalDialog.

Валидным с точки зрения стандарта стало

использования тега <style> внутри <body>;
— множественные <main> элементы в ДОМе, при условии, что только один видим для пользователя;
презентации для <img>;
пустой <option> для <datalist>.