ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
Блог Админа. W3Schools на русском

HTML6 Когда выйдет? Что нового?


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

HTML6. Уроки для начинающих

HTML6 идёт. Когда он выйдет и что появится нового?

Хотя многие новые методы сделали процесс создания веб-сайтов более простым и эффективным, HTML всегда был в его основе.

HTML5 вышел в 2014 году; это был ещё один шаг к стандартизации языка разметки гипертекста. Спецификация HTML, пересмотренная в октябре 2014 года, была разумной.

Люди сейчас ждут очередного апгрейда, и знаете что? HTML6 уже в пути.

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

В этой статье мы собираемся взглянуть на то, что, скорее всего, изменится в HTML6 и что нового появится в HTML6. Пристегните ремни, мы собираемся погрузиться в основное содержание.


Что нового должно появиться в HTML6?


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

Как следует из названия, эти теги являются экспресс-тегами. Можно использовать такие теги, как логотип на вашей веб-странице. Кроме того, будут доступны такие теги, как ,, (запятые).


HTML6 Поддержка собственных модалов

Элемент dialog находится в разработке с HTML6. Этот элемент считается эквивалентом модальных окон на базе JavaScript.

Элементы dialog уже стандартизированы, но только некоторые браузеры, такие как Chrome и Интернет-браузеры Samsung, имеют полную поддержку. Не беспокойтесь, скоро он будет работать во всех браузерах.

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

Чтобы использовать более распространенный интерфейс, подобный модальному, вы можете открыть модальный метод с помощью JavaScript.

Пример:

<dialog>
 <form method="dialog">
  <input type="submit" value="Ok" />
  <input type="submit" value="Cancel" />
 </form>
</dialog>

В форме по умолчанию элемент создает серый фон с неинтерактивным содержимым под ним.

Атрибут method может использоваться в формах внутри элемента <dialog>. Это отправит значение и вернет значение самому объекту <dialog>.

В целом, этот элемент <dialog> полезен при небольшом взаимодействии с пользователем и улучшении пользовательского интерфейса. Вы можете переключить атрибут open, чтобы открыть и закрыть его в стандартной HTML-форме.


Пример:

<dialog open>
  <p>Диалоговое окно, созданное с помощью HTML6</p>
</dialog>

HTML6 Свобода изменения размера изображения

Эксперты полагают, что скоро появится обновление, которое позволит браузерам изменять размер изображения для лучшего просмотра.

Браузеры сталкиваются с трудностями при отображении наилучшего размера изображения относительно устройства и размера окна.

Теги src и img не очень эффективны для решения этой проблемы. Возможно, будет доступен новый тег **<srcset>**.

Этот тег может облегчить браузеру выбор между более чем одним изображением для наилучшего просмотра.


HTML6 Выделенные библиотеки

Внедрение кэшируемых библиотек в HTML6 станет шагом к повышению производительности как веб-дизайнеров, так и пользователей.


HTML6 Аннотации к изображениям и видео

Было бы здорово, если бы мы могли аннотировать изображения и видео в HTML. HTML5 дает нам возможность интерпретировать слова, предложения и абзацы, но не изображения и видео.

Многие организации в этой сфере предложили решения, и похоже, что WHATWG рассмотрит хотя бы некоторые из них.

Будем надеяться, что скоро мы будем добавлять аннотации к изображениям и видео в HTML.


HTML6 Улучшение аутентификации

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

Ключи можно хранить офсайт; это предотвратит доступ нежелательных людей и усилит аутентификацию. Использование встроенных ключей вместо файлов cookie, улучшение цифровой подписи и т.д.

Люди и аналитические центры могут предложить множество решений, и все зависит от того, примет или отклонит их WHATWG.

HTML6 Индивидуальные меню

Теги <ul> и <ol> полезны, но не подходят для всех нужд. Тег <menu> мог бы лучше обрабатывать интерактивные элементы, - это необходимость времени.

Тег <menu> мог бы обрабатывать элементы списка, запускаемые кнопками внутри меню.

Пример:

<menu type="toolbar">
 <li><button>Вырезать</button></li>
 <li><button>Копировать</button></li>
 <li><button>Вставить</button></li>
</menu>

Тег <menu> также мог бы расширить возможности списка в HTML, и он мог бы хорошо работать, даже как обычный список.


HTML6 Встроенная камера

HTML6 позволит нам наилучшим образом использовать камеру и мультимедиа на нашем устройстве. Мы сможем управлять камерой, её эффектами, режимами, панорамными изображениями, HDR и другими вещами.

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


HTML6 Хорошие микроформаты

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

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


HTML6 Одностраничные приложения без Javascript

Bobby Mozumder, главный редактор журнала FutureClaw, предлагает:

Связывание элементов привязки с JSON / XML, конечными точками API, при которой браузер внутренне загружает данные в новую структуру данных, а затем браузер заменяет элементы DOM любыми данными, которые были загружены по мере необходимости. Исходные данные (а также стандартные ответы об ошибках) могут быть в фикстурах заголовков, которые при желании можно заменить позже.

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


HTML6 Вывод

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

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

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

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

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

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