Что нового в HTML 5?

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

Да это оно. Всего два слова: «doctype» и «html». Это может быть так просто, потому что HTML 5 больше не является частью SGML, а является языком разметки самостоятельно.

Набор символов для HTML 5 также упрощен. Он использует UTF-8, и вы определяете его только одним метатегом:

HTML 5 Новая структура

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

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

HTML 5 Новые встроенные элементы

Новые встроенные элементы определяют некоторые базовые понятия и сохраняют их семантически обозначенными:

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

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

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

Контекстные меню - HTML 5 поддерживает создание и использование контекстных меню в веб-страницах и приложениях.
HREF не требуется в теге. Это позволяет использовать тег со сценариями и веб-приложениями, не требуя места для отправки этого якоря.
атрибут async - Это добавляется к тегу сценария, чтобы сообщить браузеру, что сценарий должен быть загружен асинхронно, чтобы он не замедлял загрузку и отображение остальной части страницы.
- Здесь подробно описывается элемент. Это будет похоже на всплывающие подсказки в не-веб-приложениях.
создает таблицу, созданную из базы данных или другого динамического источника.
это старый тег, возвращенный и давший новую жизнь, позволяющий создавать систему меню на ваших веб-страницах.
определяет действия, которые должны произойти при активации динамического элемента.

HTML 5 Новые формы форм

HTML 5 поддерживает все стандартные типы ввода типов, но он добавляет еще несколько:

Дата и время
Дата и время-местный
Дата
месяц
неделю
время
число
спектр
Эл. адрес
URL

HTML 5 Новые элементы

В HTML 5 есть несколько интересных новых элементов:

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