Новые обновления HTML5.1

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

Чтобы соответствовать постоянно растущим требованиям веб-дизайна, Консорциум Всемирной паутины (W3C) и Рабочая группа по технологии веб-гипертекстовых приложений (WHATWG) начали разработку обновленного языка разметки. Новая версия HTML, HTML5, выпущенная осенью 2014 года, значительно упростила процесс внедрения мультимедийных элементов, хотя многие давно известные обходные пути и плагины устарели с обновлением HTML5. Обстоятельное введение в HTML5 можно найти в нашей статье в IONOS Digital Guide. С выходом HTML 5.1 следующая часть HTML наконец-то доступна. Но как должна выполняться процедура перед запуском нового HTML? Каковы наиболее важные аспекты последнего обновления? От каких функций планируется отказаться, и что это будет означать для операторов веб-сайтов?

Самые важные функции HTML 5.1 с первого взгляда

После выпуска версии 4.01 потребовалось около 15 лет для разработки нового HTML. Однако на этот раз обновления выходят значительно быстрее. Не прошло и двух лет после появления HTML5, как появилось первое обновление в виде HTML5.1. Это свидетельствует о том, какое значение W3C и WHATWG придают сокращению интервалов между обновлениями. Такая реакция вполне уместна, учитывая ускоренное развитие интернета. Для обновления в рабочих группах создаются рабочие проекты, а элементы HTML выдвигаются в форме рекомендации-кандидата. Затем в ходе фазы всестороннего тестирования оценивается возможность внедрения элементов. По завершении этапа тестирования выпускается официальная рекомендация стандарта. При разработке HTML 5.1 это также происходило в тесном диалоге с сообществом; впоследствии W3C опубликовал процесс разработки нового HTML на GitHub. Благодаря этой разработке у сообщества появилась возможность заранее ознакомиться с новым стандартом и высказать свое мнение. GitHub — это служба управления версиями для программных проектов, которая предоставляет платформу для широкого спектра проектов с открытым исходным кодом. Используя GitHub, можно автоматически синхронизировать работу нескольких разных разработчиков, как в случае с HTML 5.1.

<picture> и <srcset> стали официальными в HTML 5.1

Одной из наиболее значительных новых особенностей HTML5.1 является то, что он поддерживается всеми распространенными браузерами. Однако центральным нововведением этой версии является адаптация мультимедийного контента для отзывчивого веб-дизайна. До сих пор различные изображения представлялись с разным разрешением. Несмотря на то, что контейнер <картинка> не был официально стандартизирован для внедрения HTML5, веб-разработчики все еще могли использовать этот элемент. С новым обновлением все распространенные браузеры теперь понимают элемент <картинка>: стандартизация в новом HTML теперь делает его официальным.

Элемент <картинка> — это контейнер, который позволяет пользователям интегрировать файлы изображений через различные исходные элементы. Время передачи данных экономится, а мобильное отображение веб-сайта улучшается, поскольку загружаются только те источники изображений, которые подходят для размера и разрешения экрана. Кроме того, широкополосные дисплеи с высоким разрешением могут быть использованы для предоставления альтернативного контента. Однако новый атрибут <srcset>, введенный в HTML 5.1, необходим и для этого: он сопоставляет изображения и различные размеры относительно друг друга. Следующий пример демонстрирует, как в итоге может выглядеть готовая интеграция, включающая fallback с <img>:

<изображение>

<source media=»(min-width: 1024px)» srcset=»https://www.ionos.com/digitalguidefeuerwehr-1600.jpg»>

<source media=»(min-width: 480px)» srcset=»https://www.ionos.com/digitalguidefeuerwehr-480.jpg»>

<!—Fallback—> <img src=»https://www.ionos.com/digitalguidefeuerwehr-480.jpg» srcset=»https://www.ionos.com/digitalguidefeuerwehr-320.jpg» alt=»Feuerwehrfest 2014″>

</picture>

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

‘Месяц’ и ‘неделя’: расширенные параметры формы в новом HTML

С запуском HTML5 появились новые категории для элемента <input>, включая «email», «url» и «date». Тип поля ввода всегда определялся с помощью атрибутов type. Но с type = month и type = week пользователи теперь могут выбирать дни, время, месяцы и календарные недели. Эта функция также поддерживается большинством браузеров, поэтому стандартизацию в HTML 5.1 можно считать логическим следствием.

Под угрозой»: обновления HTML по-прежнему вызывают споры

Чтобы получить рекомендацию W3C, новая функция HTML должна быть реализована как минимум в двух независимых браузерах на этапе тестирования, поэтому некоторые кандидаты на рекомендацию висят на волоске. На момент выдвижения они помечены как «находящиеся в зоне риска», если они еще не приняты браузерами и/или разработчиками, участвующими в стандартизации.

Дискуссия о тегах <dialog>.

Тег <dialog> менее распространен, чем другие элементы, такие как <picture>, поскольку в настоящее время он поддерживается только браузерами на основе хрома, такими как Chrome и Opera. Незадолго до запуска HTML 5.1 сообщения о статусе этого элемента расходились: в то время как некоторые статьи утверждали, что он стал стандартизированным, на официальном сайте W3C элемент <dialog> был снова удален. Этот тег должен был упростить интеграцию всплывающих окон или диалоговых окон, поскольку обычно для этого требуется довольно громоздкий код JavaScript. Однако постоянно возникали проблемы с открытием и закрытием окон. Браузеры, которые еще не поддерживают тег <dialog>, могут отобразить окно, но не могут свернуть его. В элементе <dialog> может быть реализован практически любой вид содержимого — от чистого текста до форм, видео и изображений.

Помимо элемента <dialog>, <keygen> и <menu> также находятся в списке «риска» нового HTML. Последние элементы, однако, должны остаться неизменными, согласно W3C. Это также коснется <menuuitem> и атрибута ‘contextmenu’. Эти элементы и атрибуты могут быть использованы для создания панелей инструментов и контекстных меню, как они появляются в настольных приложениях. Фактически, тип панели инструментов для элемента <menu> был удален. 

У элемента <keygen> столь же неопределенная судьба. Первоначально разработанный Mozilla, генератор пар криптографических ключей был отвергнут Microsoft и даже стал предметом запроса на удаление со стороны Google в 2015 году. Поэтому его статус «в зоне риска» не стал неожиданностью. Однако рекомендация, предложенная W3C для HTML 5.1 в сентябре 2016 года, временно сохранила элемент <keygen>. Теперь следует отметить, что он все еще находится в процессе удаления, который займет много лет. Однако в какой-то момент он получит толчок, что означает, что использование этого элемента не рекомендуется.

Что означает новый HTML для владельцев веб-сайтов?

Владельцы веб-сайтов могут автоматически использовать HTML 5.1 и его рекомендуемые элементы и атрибуты. Как было показано в самом начале этой статьи, многие уже начали внедрять новый HTML. Однако в дополнение к официальной стандартизации особого внимания заслуживают список «группы риска» и удаленные элементы. Если какие-либо элементы и атрибуты, упомянутые в списке «группы риска», использовались в текущем HTML, программисту следует задуматься о внесении изменений в свой веб-проект. Сегодня, как никогда ранее, главной заботой любого владельца веб-сайта должна быть совместимость с максимальным количеством браузеров и устройств.

В будущем веб-мастерам также будет полезно следить за официальным сайтом W3C; в то время как HTML 5.1 был завершен, разработчики уже работали над версией 5.2, и первый проект изменений уже был опубликован. Из этих событий видно, что обновление значительно ускорилось. Для операторов веб-сайтов это означает, что ошибки могут быть исправлены быстрее, а меняющиеся требования могут быть удовлетворены более эффективно. Благодаря использованию GitHub для разработки HTML 5.1, у разработчиков также появилась возможность участвовать в процессе совершенствования.

Оцените статью
cdelat.ru
Добавить комментарий