С выходом 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.

(Оцените статью)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *