Теги HTML5 или еще раз о HTML5

HTML5 3D Wallpaper by Rafael OtakeW3 Consortium, разработчик спецификаций HTML и XHTML, начал работать над XHTML 2.0, в котором указанные недостатки предыдущей версии бы обходились. В результате этот проект оказался замороженным и не завершён. Обеспокоенные медленным ходом работ разработчики браузеров Safari, Firefox и Opera основали свою собственную организацию WHATWG (Web Hypertext Application Technology Working Group, Рабочая группа по разработке гипертекстовых приложений Интернета), которая подхватила упавшее знамя. Идеи W3C, современные потребности пользователей и мнения веб-разработчиков воплотились в новом языке разметки названном .

Следует понимать, что, несмотря на схожесть названий, HTML5 не является продолжением HTML4 или XHTML. Скорее речь идёт о новом языке Web Applications 1.0, который в маркетинговых целях назван знакомой аббревиатурой и построен на базе HTML.

Официально стандарт HTML5 ещё не завершён, но современные браузеры уже умеют частично с ним работать. Итак, что же интересного нам даёт HTML5? Вот некоторые его возможности.

  • Поддержка геолокации — определение местоположения пользователя на карте и использование этой информации для вычисления маршрута его движения, вывода близлежащих магазинов, кинотеатров, кафе и других данных.
  • Воспроизведение видеороликов.
  • Воспроизведение аудиофайлов.
  • Локальное хранилище — позволяет сайтам сохранять информацию на локальном компьютере и обращаться к ней позже.
  • Фоновые вычисления — стандартный способ запуска JavaScript в браузере в фоновом режиме.
  • Оффлайновые приложения — страницы, которые могут работать при отключении Интернета.
  • Рисование — внутри тега <canvas> с помощью JavaScript можно рисовать фигуры, линии, создавать градиенты и трансформировать объекты на лету.
  • Новые элементы форм: для даты, времени, поиска, чисел, выбора цвета и др.

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

Новые HTML 5 теги:

<aside> – Определяет части неосновного содержимого, например, колонки.
<article> – Определяет статью.
<audio> – Определяет аудио и звуковой .

<command> – Определяет кнопки, переключатели, флажки.
<canvas> – Определяет графику: карты, диаграммы, графические элементы, рисунки.

<datalist> – Определяет dropdownlist. Функция автозаполнения.
<details> – Определяет дополнительные детали элемента.

<embed> – Определяет внешний вид интерактивного контента или плагина.

<figure> – Определяет медиа контент.
<figcaption> – Определяет заголовок для тега <figure>.
<footer> – Определяет блок футера на странице.

<header> – Определяет заголовок раздела или страницы.
<hgroup> – Определяет информацию о разделе в документе.

<mark> – Определяет текст как выделенный (жирным).
<meter> – Определяет вывод значений в заданном диапазоне.

<nav> – Определяет навигацию.

<output> – Определяет расчетную область, куда осуществляется вывод информации.

<progress> – Определяет прогресс завершенности задачи.

<ruby> – Определяет контейнер для тегов <rt> и <rp>.
<rt> – Определяет аннотацию сверху или снизу от заданного текста.
<rp> – Определяется в случае, если браузер не поддерживает <rt>.

<section> – Определяет раздел.
<source> – Определяет медиа-ресурсы, медиа-элементы.
<summery> – Определяет заголовок для элемента тега <detail>.

<time> – Определяет дату/время.

<video> – Определяет видео.

Запрещенные теги в HTML 5

<acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <s> <tt> <u> <xmp>

Запись навигация

Top