29.03.2011

Обзор HTML5 (Шпаргалка)

В данной статье я попытаюсь собрать полезную информацию по html5, в таком виде, чтоб этой страничкой можно было пользоваться как шпаргалкой на экзамене :)

Доктайп и способ указания кодировки в HTML5

Так как HTML5 больше не является частью SGML, теперь это самостоятельный язык разметки.

Объявление 5-ой версии кратко и лаконично

<!doctype html>

Объявление кодировки в HTML5

<meta charset="UTF-8">

Структура в HTML5

  • <section> — для каких-то частей страницы;
  • <header> — заголовок страницы;
  • <footer> — футер страницы;
  • <nav> — навигация;
  • <article> — статья или основной контент;
  • <aside> — дополнительный контент;
  • <figure> — определяет картинку, сопровождающую статью.

Новые строчные элементы в HTML5

Эти элементы нужны для определения семантических объектов страницы

  • <mark> — указывает на элемент, который взаимодействует с какой-то функцией;
  • <time> — выделяет дату или время;
  • <meter> — какие-либо метрические данные или характеристики;
  • <progress> — показывает процесс выполнения задачи (функции, например).

Поддержка динамичных страниц в HTML5

Так как, HTML5 создавался под динамичные страницы, это будет полезно для разработчиков:

  • контекстное меню — создание и использование контекстных меню внутри страниц;
  • аттрибут href больше не является обязательным, что позволяет использовать тег <a> для скриптов без необходимости выставлять якоря;
  • аттрибут async тега <script> — указывает браузеру, что загружать этот скрипт следует асинхронно; браузер не тормозит загрузку страницы, скрипт грузиться уже после загрузки страницы;
  • <details> — более подробная информация от каком-то элементе;
  • <datagrid> — создает таблицу, которая строится исходя из данных из базы или другого динамичного источника (какая-нибудь обновляемая статистика); 
  • <menu> для создание системы меню;
  • <command> определяет действия, которые должны случиться при активации какого-то элемента.

Новые типы полей форм в HTML5

Все основные типы полей форм все еще поддерживаются, плюс к ним добавились некоторые новые:

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url

Некоторые новые элементы, добавленные в HTML5

  • <canvas> — элемент, который позволяет вам рисовать внутри страницы, используя JavaScript; как вы знаете, многие современные JS библиотеки и скрипты используют этот тег для графиков;
  • <video> позволит вам вставить видеоролик в страницу с помощью одного тега.
  • <audio> — для аудио.

Что пропало в HTML5

  • acronym
  • applet
  • basefont
  • big
  • center
  • dir
  • font
  • frame
  • frameset
  • isindex
  • noframes
  • noscript
  • s
  • strike
  • tt
  • u

P.S. сравнительная таблица поддержки HTML 4 и HTML5 в разных браузерах. Wikipedia

По материалам: сайт
Просмотров:
1608
Раздел:
HTML
Теги:
html, html5, w3c, верстка
Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]