[Перевод] Идеи для HTML6 или HTML.next
Идея HTML6, несмотря на то, что спецификация HTML5 по плану должна была быть полностью внедрена и достичь максимальной совместимости к 2014-му, сейчас стали появляться мысли насчет того, как может выглядеть следующее поколение этой спецификации — HTML.next, как её обычно называют в консорциуме W3C.
Новые семантические элементы
Пример использования:
Семантика для описания заголовков и авторов
Это используется для того, чтобы узнать название книг, записей в блоге, фильмов и так далее до связанных с ними авторов, даже если разметка применяется только для нескольких абзацев. Данная семантика может быть реализована в виде псевдометок и определять отношения между элементами.
[title: Похвала тени id: praise by: junichiro]
— книга, написанная [author: Дзюнъитиро Танидзаки id: junichiro]
пояснение… и т.д.
Преимущества использования этого элемента:
описание общих часто используемых структур в HTML позволяет оптимизировать поисковые движки и компоненты управления, потому что различные виджеты могут использовать эту структуру по-разному не требуется задействовать механизм нумерации списков может использоваться в сочетании якорей для создания быстрого оглавления По-видимому, должен хорошо работать в HTML5-блогах, если взять его за основу для разделения контента Формы Автоматическое написание с заглавных букв в полях формы Семантическое описание типа данных, которые будут записаны в поле формы. Благодаря этому атрибуту браузер может предоставить пользователю более удобный интерфейс для ввода текста.
autocapitalize=«words» означает, что каждое новое слово будет начинаться с заглавной буквы. Это полезно для полей, где нужно указывать имена, напр. «John Doe». autocapitalize=«characters» означает, что каждый символ будет записан с заглавной буквы. Это полезно для аббревиатур.
Улучшенные формы аутентификаций Сегодня у большинства браузеров есть эвристики, которые определяют, что на странице есть форма аутентификации, изменения пароля и т.д. Зачастую эти эвристические алгоритмы не всегда работают правильно. Добавление примечаний к формам и полям, позволяет браузерам точнее обрабатывать сценарии и улучшить коммуникацию.
Локализация управления У разработчиков часто отсутствует возможность в локализации элементов управления, таких как: кнопка «Обзор» в полях />, элементы управления для настройки даты/времени
Мультимедиа Адаптивные изображения HTML6 предоставляет возможность загружать изображения разного размера, в зависимости от текущих настроек на стороне клиента.
Адаптивная потоковая передача данных Существует ряд различных адаптивных форматов потоковой передачи данных (а также несколько различных прогрессивных медиаформатов для загрузки контента). Во многих случаях нам нужно передать потоковым методом какой-то защищенный контент. На данный момент мультимедийные элементы в HTML5 поддерживают выбор различных форматов. Тем не менее существуют определённые аспекты адаптивной потоковой передачи данных и защищённого контента, который требует улучшения возможностей HTML для широкого использования. В частности они включают:
дополнительный медиаэлемент для состояния, который позволяет отображать текущее состоянии (напр. синхронизация данных с сервером) дополнительный медиаэлемент для ошибок (напр. ошибка передачи) дополнительный медиаэлемент для событий (напр. изменение скорости потока) дополнительный медиаэлемент для свойств (напр. текущая скорость, которая связана с другими показателями QoS) Баланс звука Регулировка звукового баланса (правый/левый канал) для дорожек со стереозвуком при помощи HTML5.
Улучшение воспроизведения видео быстрое / замедленное движение / быстрая перемотка вперёд предыдущий / следующий кадр Полноэкранный режим и скриншоты Вот пример того, как мы можем справиться с полным экраном и получением скриншотов:
domElement.fullScreen ();
domElement.getImageData (0, 0, domElement.offsetWidth, domElement.offsetHeight);
Редактирование текста
Элемент
блочные: p, ul/li, ol/li, dl/dt/dd, blockquote, pre строчные: strong/em/a/sup/sub/u/code/strike строчно-блочные: img, br табличные: table/tr/th/td Возможности:
поддержка копирования / вставки изображений из / в системный буфер обмена (связанный атрибутом) поддержка копирования / вставки текста и HTML из системного буфера обмена и обратно (посредством атрибута) не должен поддерживать инлайн-стили может иметь атрибут content-style=«style.css», который определяет стиль элемента в редакторе Возможности копирования / вставки Список, представленный в левой части таблицы будет отображаться так, как показано в правой части.
Lorem Ipsum Dolor sit et cetera Lorem Ipsum Dolor sit etc (прим. перев. На сайте оригинальной статьи в левой части у списка нету маркеров. Здесь я не нашёл, как их убрать)Если вы скопируете пункт «Dolor» и вставите его в обычный текстовый WYSIWYG-редактор, то вместо простой записи вы получите »3. Dolor» без необходимости копировать номер пункта.
Компоненты и ECMAScript «behaviors» или динамические подклассы DOM-элементов Эта функция очень полезна для структур компонента пользовательского интерфейса и инструментов
document.behaviors[«ul.some>li»] = { // класс поведения: attached: function () {…}, detached: function () {…}, onmousedown: function () {…}, onclick: function () {…}, … }; «behaviors» — это набор методов, присвоенный всем элементам, которые соответствуют селектору в объявлении. Когда на элементе срабатывает событие, он вызывает соответствующую функцию. Точно также предложено работать с CSS. Это поведение похоже на «цепь» событий в jQuery.
include («url»); Многим программистам, которые привыкли писать на C ++, PHP и т.д., ощутимо не хватает такой возможности. Чтобы сохранить модульность, рекомендуется использовать подключение внешних файлов следующим образом (работает аналогично import url (…) в CSS):
window.include («url»[, mime/type]) JavaScript: пространство имён и классы JavaScript-код становится всё более и более сложным. На одной странице могут быть использованы несколько разных библиотек и отсутствие пространства имён (и классов) становится всё более серьезной проблемой для разработчиков.
Синтаксис выделения для элементов
