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

Нужен САЙТ? Заказуй у меня - Жми сюда! Нужен хостинг или домен? Жми сюда! Хочешь создать интернет-магазин? Жми сюда! (Shopify)

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

Нужен САЙТ? Заказуй у меня - Жми сюда! Нужен хостинг или домен? Жми сюда! Хочешь создать интернет-магазин? Жми сюда! (Shopify)

Делясь ссылкой на пост в социальных сетях - Вы помогаете развитию блога! Спасибо ;)

(Оцените статью)
Loading...Loading...

Метки: , ,

Рубрика: HTML

Оставьте свой комментарий