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
- 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
- Просмотров:
- 2121
- Раздел:
- HTML
- Теги:
| Комментариев: 0 | |