HTML 5 добавляет множество новых функций в спецификацию HTML, и это легко реализовать. Вы используете HTML 5 doctype, который прост и упрощен:
<! doctype html>
Да это оно. Просто два слова «doctype» и «html». Это может быть так просто, потому что HTML 5 больше не является частью SGML, а является языком разметки сам по себе.
Набор символов для HTML 5 также упрощен. Он использует UTF-8, и вы определяете его только одним метатегом:
<meta charset = "UTF-8">
HTML 5 Новая структура
HTML 5 распознает, что веб-страницы имеют структуру, так же как книги и другие документы XML имеют структуру. Как правило, веб-страницы имеют навигацию, основной текст, содержимое боковой панели, верхние и нижние колонтитулы и другие функции. HTML 5 имеет теги для поддержки этих элементов страницы. Они есть:
- <section> определяет разделы страниц.
- <header> определяет заголовок страницы.
- <нижний колонтитул> определяет нижний колонтитул страницы.
- <nav> определяет навигацию на странице.
- <article> определяет статью или основной контент на странице.
- <aside> определяет дополнительный контент, такой как боковая панель на странице.
- <figure> определяет изображения, которые аннотируют статью.
HTML 5 Новые встроенные элементы
Новые встроенные элементы определяют некоторые основные понятия и содержат их семантическую разметку:
- <mark> обозначает контент, который помечен каким-либо образом.
- <время> указывает контент, который является временем или датой.
- <meter> указывает контент, который является частью известного диапазона, такого как использование диска.
- <progress> указывает на продвижение задачи к завершению.
Поддержка HTML 5 New Dynamic Pages
HTML 5 был разработан, чтобы помочь разработчикам веб-приложений, поэтому есть много новых функций, которые облегчают создание динамических HTML-страниц:
- Контекстные меню — HTML 5 поддерживает создание и использование контекстных меню на веб-страницах и в приложениях.
- href не требуется для тега. Это позволяет использовать тег со сценариями и в веб-приложениях без необходимости места для отправки этого якоря.
- Атрибут async — добавляется к тегу скрипта, чтобы сообщить браузеру, что скрипт должен загружаться асинхронно, чтобы не замедлять загрузку и отображение остальной части страницы.
- <details> — предоставляет информацию об элементе. Это было бы похоже на всплывающие подсказки в не-веб-приложениях.
- <datagrid> создает таблицу, созданную из базы данных или другого динамического источника.
- <menu> — это старый тег, возвращенный и давший новую жизнь, позволяющий вам создать систему меню на ваших веб-страницах.
- <команда> определяет действия, которые должны происходить при активации динамического элемента.
HTML 5 новые типы форм
HTML 5 поддерживает все стандартные типы ввода, но добавляет еще несколько:
- Дата и время
- Дата и время-местный
- Дата
- месяц
- неделю
- время
- число
- диапазон
- электронное письмо
- URL
HTML 5 Новые элементы
В HTML 5 есть несколько интересных новых элементов:
- <canvas> — этот элемент дает вам пространство для рисования в JavaScript на ваших веб-страницах. Он может добавлять изображения или графики во всплывающие подсказки или создавать динамические графики на ваших веб-страницах, созданные на лету.
- <video> — добавьте видео на свои веб-страницы с помощью этого простого тега.
- <audio> — добавьте звук на свои веб-страницы с помощью этого простого тега.
HTML 5 удаляет некоторые элементы
Некоторые элементы в HTML 4 больше не поддерживаются HTML 5. Большинство уже устарело и не должно удивлять. Они есть:
- акроним
- апплет
- BASEFONT
- большой
- центр
- реж
- шрифт
- Рамка
- фреймы
- ISINDEX
- NOFRAMES
- NoScript
- s
- наносить удар
- тт
- U