Двенадцать функций, ожидаемых разработчиками от грядущего HTML6

Опубликовано: 2017-01-17

HTML5 имеет феноменальный успех среди разработчиков. Благодаря новым тегам, таким как <article> , <section> , <header> и т. д., разработчикам стало проще организовывать контент.

Разработчики пользуются свободой от использования атрибута типа из таких тегов, как <link> и <script> . Хотя HTML5 внес изменения в парадигму веб-программирования, у него есть ограничения в разработке нативных веб-приложений и некоторые другие проблемы.

Как разработчик, вы всегда хотите предлагать эффективные и действенные веб-решения, и ожидается, что HTML6 поможет вам в достижении этой цели. Поэтому разработчики во всем мире стремятся использовать HTML6. Интересно посмотреть, как ожидаемые функции HTML6 изменят область веб-разработки.

Вот некоторые из самых популярных ожиданий от сообщества разработчиков в отношении грядущего HTML6:

Экспресс-теги

HTML6, вероятно, облегчит разработчикам экспресс-теги. Вы можете использовать <logo></logo> для назначения логотипа веб-странице. Точно так же теги <sidebar></sidebar> и <navigation></navigation> интегрируют боковую панель и навигацию соответственно.

Кроме того, <div> можно использовать без использования нескольких идентификаторов. Например, вы можете просто использовать <container> или <wrapper> вместо того, чтобы писать <div id='container'> и <div id='wrapper'> .

XML-подобные пространства имен

Ожидается, что в HTML6 появятся пространства имен с XML-подобной структурой. Такие пространства имен помогут разработчикам использовать один и тот же тег без каких-либо конфликтов с другим тегом. Другими словами, HTML6 предлагает преимущество использования желаемых тегов в дополнение к определенным тегам.

Документ HTML6

[xhtml]
<!ДОКТИП HTML>
<html:html>
<html:голова>
<html:title>Взгляд в HTML6</html:title>
<html:meta type="title" value="Заголовок страницы">
<html:meta type="description" value="Пример HTML с пространствами имен">
<html:link src="css/mainfile.css" title="Стили" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:голова>
<html:тело>
<заголовок>
<логотип>
<html:media type="image" src="images/xyz.png">
</логотип>
<навигация>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</заголовок>
<содержание>
<статья>
<h1>Заголовок основной статьи</h1>
<h2>Подзаголовок основной статьи</h2>
<p>[…]</p>
<p>[…]</p>
</статья>
<статья>
<h1>Концепция HTML6</h1>
<h2>Понимание основ</h2>
<p>[…]</p>
</статья>
</content>
<нижний колонтитул>
<copyright>Этот сайт &copy; для Анонимных 2017</copyright>
</нижний колонтитул>
</html:тело>
</html:html>
[/xhtml]

В этом документе у нас есть несколько странных тегов <html: x> . Это элементы пространства имен, принадлежащие спецификациям W3C и HTML6, и они полезны для запуска событий браузера. Например, <html: title> изменит строку заголовка браузера, а <html: media> поможет определенному изображению появиться на экране браузера. Эти элементы не имеют ничего общего с браузером. Они могут позволить разработчикам сделать пример кода более семантичным.

Дополнительный контроль видеообъекта

HTML6 предложит больше контроля над видеообъектом, чтобы улучшить качество видео для пользователей. Хотя разработчики не могут избавиться от кодека сжатия, они могут настроить его с помощью различных алгоритмов сжатия.

Ожидается больший контроль над отрисовкой видеокадров на странице, а также улучшенные перехватчики обратного вызова и механизмы синхронизации. Мы также можем ожидать возможности смешивания DOM с видео в следующей HTML-версии.

[xhtml]
<! – Простой пример видео –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> К сожалению, ваш браузер не поддерживает встроенные видео, но не беспокойтесь, вы можете <a href="videofile.webm">загрузить его</ a> и смотрите его в своем любимом видеоплеере!
</видео>

<! – Видео с субтитрами –>
<видео src="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="English">
<track kind="subtitles" src= "foo.sv.vtt" srclang="sv" label="Svenska">
</видео>
[/xhtml]

Специализированные и богатые библиотеки

JQuery изменил мир JavaScript в отношении стандартных библиотек. Следующий стандарт HTML может предложить гарантированные библиотеки, распространяемые вместе с браузером. Это сэкономит больше времени при обновлении кэшированной версии jQuery 1.9. Другими словами, вот-вот появится кэшируемая версия библиотек. Если многие дизайнеры используют определенную библиотеку, ее можно будет распространять вместе с браузером в новой версии HTML6.

Улучшенная аннотация

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

Интеграция с камерой

Камера играет жизненно важную роль в нашем взаимодействии дома и в офисе. Ожидается, что HTML6 во многих отношениях позволит использовать весь мультимедийный контент на наших устройствах. Это может обеспечить больший контроль над камерой через браузер, формы или другие системы. Захват изображения, фильтрация «на лету», эффекты камеры — вот некоторые из аспектов, которые можно решить. Другая возможность — разрешить несколько форматов как для видео, так и для фотографий, облегчая создание панорамных изображений и HDR.

Более жесткая аутентификация

Браузер может предложить больше, когда дело доходит до аутентификации. Например, вместо использования файлов cookie браузер может предлагать подписывать токены встроенными ключами, которые можно хранить в защищенных чипах. Он не позволяет людям (читай: хакерам) получить доступ через секретный ключ. API можно добавить в браузер, чтобы веб-сайты могли запрашивать более качественные цифровые подписи. В некотором смысле аутентификация может стать более надежной для повышения безопасности.

Микроформаты

Общие детали, такие как части адреса или номера телефона, могут быть указаны с помощью стандартного способа, называемого микроформатами в HTML6. Мы могли бы получить быстрый ответ от поисковых роботов и поисковых систем со стандартным набором тегов. Разработчики могут использовать более полную разметку для местоположений, дат, времени, библиографий и всех форм стандартных данных для создания подробной информации. Мы также можем ожидать телефонные коды для конкретных стран. Разработчики также стремятся к гибкости в изменении формата даты. Прямо сейчас он по умолчанию установлен в США. В некотором смысле микроформаты станут сильнее и гибче в HTML6.

Препроцессоры

Подключаемые препроцессоры могут быть интегрированы в HTML6 для преобразования языков в JavaScript. Сегодня Lisp, Python, Ruby, Erlang, Scala и многие другие языки могут быть скомпилированы в JavaScript, а готовящаяся к выпуску HTML-версия может иметь препроцессор для решения этой задачи. Когда любой из этих языков подвергается кросс-компиляции в JavaScript, создается уменьшенная версия, которую можно легко передать через Интернет. HTML5 — это общая версия JavaScript, которая усложняет оптимизацию кода для локальной машины.

Подключаемые языки

Мы не можем исключать появление подключаемого набора языков в будущей версии HTML. Это повысит гибкость, предлагая разработчикам больше вариантов дизайна. Хотя JavaScript может продолжаться в широком смысле, в будущем могут появиться специализированные расширения для специализированного языка. Разработчикам также нужны HTML-теги, которые могут генерировать кучу кодов для удовлетворения потребностей.

Автоматическое определение размера изображений в браузере

Внешний вид изображения зависит от различных аспектов, таких как тип устройств и размер окна. Стандартный HTML-тег <img> имеет только один SRC, который может вызвать проблемы в браузере при отображении изображения. Однако более совершенный протокол HTML мог бы предложить желаемую ширину или высоту изображения, а сервер мог бы предоставить оптимальное разрешение. В каком-то смысле масштабирование изображений в браузере вот-вот появится в HTML6.

Защищенный доступ к контактной информации

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

Заключение

Это не все. Разработчики хотят, чтобы HTML6 позволял настраивать проверку формы. Прямо сейчас он идет по умолчанию и не подлежит изменению. Кроме того, в мире мобильных устройств будущая HTML-версия может предоставить возможность отслеживания местоположения с помощью GPS в мобильном браузере. Некоторые другие идеи функций включают поддержку Bluetooth, встроенную защиту от вредоносных программ и возможность передачи файлов от однорангового узла к одноранговому и т. д., которые также находятся в стадии разработки для предстоящего HTML6.

Все готово для HTML6. Давайте подождем, пока выйдет последняя версия, которая может радикально изменить процесс веб-разработки.

Удачной веб-разработки!