Особенности html5

Рассмотрим, чем отличается HTML5 от своих предшественников и какие предоставляет преимущества при использовании.

• Возможность добавления элементов аудио и видео без использования технологии Flash с помощью новых тегов.

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

• Разширение возможностей при работе с формами. Появились новые элементы форм: e-mail, tel, url, благодаря которым не придется писать код на JavaScript для проверки правильности заполнения полей. Кроме того, появился элемент datalist, позволяющий создать список вариантов, из которых пользователь сможет выбрать нужный при заполнении поля.

• Упрощённая реализация механизма drag and drop. Теперь реализовать подобный механизм стало намного проще. Раньше, например, автоматическое добавление товара в корзину при перетаскивании мышкой картинки являлось достаточно сложной задачей, теперь же она выполняется быстро и просто.

Появилась возможность узнать местоположение пользователя. То есть узнать точные координаты, где находится посетитель сайта. Появился новый объект: Canvas, позволяющий с помощью специальных функций языка JavaScript рисовать прямо на Web-странице. Это позволяет генерировать изображения на странице без дополнительных запросов к серверу. Раньше без использования возможностей языка PHP сделать такое было невозможно.

Эти и другие возможности HTML5 будем рассматривать а рамках изучения языков разметки веб-страницы.

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

С текущим, продолжающимся развиваться вариантом стандарта HTML включающим материал, который называется HTML5, можно ознакомиться на сайте http://whatwg.org/html. А последние новости по HTML можно узнать в блоге группы WHATWG.

С официальной версией стандарта HTML5 можно ознакомиться на веб-сайте организации W3C: www.w3.org/TR/html5.

Что нужно знать об html5

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

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

• . HTML5 является набором различных возможностей. В HTML 5 кроме обычных тегов, представляющих, безусловно, важную часть структуры страницы, присутствует взаимодействие этих тегов с JavaScript посредством объектной модели документа (Document Object Model, DOM). Скажем, в HTML5 не просто определяется тег <video>, но он также сообщает DOM обо всех видео-объектах. Разработчик имеет возможность использовать интерфейс прикладного программирования (API) для поддержки различных видеоформатов, для проигрывания ролика, его остановки, включения и выключения звука, отслеживания загрузки файла и многого другого, предусмотренного для взаимодействия пользователя и тега <video>.

• В HTML 5 работают элементы разметки HTML4, поэтому веб-разработчику не придется переучиваться или выкидывать всю имеющуюся разметку. Если веб-приложение работает в HTML4, оно также будет работать в HTML5.

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

• «Обновление» до HTML5 можно сделать простым изменением элемента <!DOCTYPE>. Этот элемент должен всегда располагаться в первой строке кода веб-страницы. Предыдущая версия HTML определяла несколько вариантов элемента DOCTYPE, и выбор правильного был делом непростым. Вот так выглядело объявление типа документа (DTD) при использовании версии языка XHTML 1.0 Transitional:

<!DОСTYPЕ html PUBLIС "-//W3C//DTD ХНТМL 1.0 Traаnsitiоnаl//ЕN" "http://www.w3./оrg/TR/хhtml1/DTD/xhtml1-trаnsitiоnаl.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

В языке HTML5 объявление типа документа выглядит следующим образом:

<!DOCTYPE html>. Причем такое изменение не разрушает существующую верстку, потому что все теги, определенные в HTML4 поддерживаются также и в HTML5, и разработчик сможет также свободно использовать новые семантические элементы такие, как <article>, <section>, <header>, <footer> и многие другие, рассчитывая на их корректное отображение.

• HTML5 уже поддерживается браузерами. Firefox, Safari, Chrome и мобильные браузеры работают с тегом <canvas>, с видео, новыми элементами форм, геолокацией, локальным хранилищем и другими компонентами.