Что такое HTML5, и как он меняет способ просмотра? [MakeUseOf Объясняет]

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

HTML, или язык разметки гипертекста, является наиболее важным элементом Всемирной паутины. Это язык, используемый для описания того, как должна выглядеть веб-страница. Однако HTML сам по себе довольно скучен, потому что он может доставлять только статические страницы; Чтобы удовлетворить растущий спрос на более впечатляющие веб-функции, HTML был дополнен плагинами, такими как CSS, Flash, Java, Silverlight и т. д.

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

HTML: обзор

HTML, как мы его знаем сегодня, называется HTML4, и он был впервые опубликован еще в 1997 году. Да, это означает, что мы работаем над HTML4 уже более 15 лет, что является вечностью в техническом времени. Приблизительно в 2000 году начал разрабатываться параллельный язык разметки, называемый XHTML, который также использовался на протяжении многих лет, главным образом из-за более строгих стандартов, которые он налагает. В целом, однако, эти два довольно похожи.

Проблема с HTML4 заключается в его ограниченной функциональности. Он должен быть расширен через плагины, такие как Flash, чтобы обеспечить больше, чем просто текст и изображения. Например, многие видеоплееры были созданы и поддерживаются на платформе Flash и встраиваются в HTML-страницы. Многие веб-приложения были разработаны с использованием Java и встроены.

Со всеми этими плагинами становится трудно поддерживать надлежащие стандарты. В идеале каждый браузер должен отображать каждую страницу в Интернете одинаковым образом, чтобы обеспечить одинаковый опыт для каждого пользователя. Чтобы отображать одни и те же результаты в нескольких браузерах, веб-разработчикам, как правило, необходимо внедрить быстрые исправления и хаки в различных частях своего сайта, чтобы приспособиться к различным процессам рендеринга. Это становится громоздким через некоторое время.

С практической точки зрения, веб-страницы, для которых требуются плагины, такие как Flash и Java, в конечном итоге используют гораздо больше ЦП и ОЗУ. Задумывались ли вы, почему ваш браузер использует так много ресурсов вашего компьютера? Многое из этого можно отнести к этим расширениям HTML. Это одна из причин, по которой Apple отключила поддержку Flash на своих мобильных устройствах (чтобы сэкономить заряд аккумулятора).

Что такое HTML5?

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

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

В частности, HTML5 добавляет целую кучу новых тегов разметки

:

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

HTML5 также не поддерживает некоторые теги: , , , , , , и несколько других.

Полная спецификация стандартов для HTML5 планируется завершить к 2014 году, но HTML5 уже добился большого прогресса и может быть использован для реализации функций сайта даже сегодня. Полная спецификация стандартов для HTML5.1 планируется завершить к 2016 году.

Почему HTML5 имеет значение для вас

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

должен длиться дольше.

Кроме того, вам не нужно постоянно обновлять такие плагины, как Flash и Java. Я ненавижу, когда мне постоянно приходится обновлять так много дополнений и плагинов в разных браузерах. И что происходит, когда один из них является неправильной версией? Сайты перестают работать, и возникает разочарование. Все это должно быть устранено, когда HTML5 станет основным стандартом.

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

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

Заключение

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

Надеюсь, теперь вы можете увидеть HTML5 в более ясном свете и понять, почему он был раскручен так же сильно, как и сейчас. Вы можете продолжить обучение на этих десяти веб-сайтах, которые покажут вам, что такое HTML5.

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

Авторы изображений: HTML5 через Shutterstock, HTML-код через Shutterstock, HTML5-облако тегов через Shutterstock, парень на ноутбуке через Shutterstock