Что нового в HTML5?

С выходом HTML5, в HTML добавилось много новых функций. И что еще лучше, некоторые браузеры уже поддерживают часть этих функций,  когда другие еще двигаются к этому. Вы можете следить за добавлением этих функций в браузеры на этой странице.

1. Новый Doctype и Charset.

Одно из достоинств HTML5 - это его простота.

<! DOCTYPE html>

Да, вот и все. Буквально два слова. Это простота объясняется, возможно, тем что HTML5 существует сам по себе, а не остается частью SGML.

Charset так же очень просто, используется utf-8, и задается так же, буквально одним тегом:

<meta charset="utf-8">

2. Новая структура

HTML5 понимает, что веб страницы имеет структуру, так же как, например, книга. Обычно это навигация, сам контент, боковое меню (сайдбар) и заглавную часть. И в HTML5 предусмотрены теги для всех этих элементов.

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

3. Новые встроенные элементы.

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

• <mark> - для обозначения содержимого
• <time> - для обозначения времени или даты
• <meter> - для обозначения некоторых измерений, например дискового пространства
• <progress> - для обозначения ваших успехов и продвижения

4. Новая поддержка динамических страниц

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

• Контекстное меню - HTML 5 будет поддерживать создание и использование контекстного меню на веб-страницах и приложениях 
• асинхронный атрибут - этот тег указует браузеру, что сценарий должен быть загружен асинхронно, так что он не замедлит нагрузки и отображения остальной части страницы.
• <details> - содержит подробную информацию об элементе. 
• <datagrid> - создает таблицу, которая создается из базы данных или другого источника динамической страницы
• <menu> - старые теги вернулись , позволяя создавать системы меню на ваших веб-страницах
• <command> - определяет действия, которые должны произойти, когда динамический элемент активируется

5. Новые типы форм

HTML5 поддерживает все старые типы форм, но так же добавлены и новые:

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

6. Новые элементы

Появились некоторые новые элементы в HTML5:

• <canvas> - элемент, который позволяет вам использовать  JavaScript на веб-страницах. Это может позволить вам добавить изображения или графики в подсказки или просто создать динамическую графику на странице "на ходу".
• <video> - добавляет видео на веб-страницу.
• <audio> - добавляет звук на веб-страницу.

7.Удаленные элементы

Существуют так же элементы HTML4, которые больше не могут использоваться в HTML5. Большинство из них давно устарели, по-этому такие действия не удивительны.

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

А ты готов к HTML5?

HTML5 добавил множество функций и возможностей, и будет здорово, когда браузеры начнут поддерживать их все. Конечно, фанатам IE придется "немного" подождать, но пользователи Google Chrom и Opera могут уже начинать практиковаться в HTML5.

Метки: HTML, HTML5, обзор

Рубрика: HTML