Введение в HTML5

Примеры HTML5 в каждом разделе

Пример

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Ваш браузер не поддерживает тег video.
</video>
</body>
</html>

Попробуйте сами

Нажмите «Попробуйте сами» чтобы увидеть, как работает этот пример.

Что такое HTML5?

HTML5 - это последняя версия стандарта HTML.

HTML5 спроектирован специально для хранения богатого веб-контента и не требует дополнительных плагинов.

HTML5 имеет новые семантические, графические и мультимедийные элементы.

Новые элементы и API, предоставляемые HTML5, упрощают создание веб-приложений.

HTML5 является кроссплатформенным и спроектирован для работы на различных типах оборудования (ПК, планшеты, мобильные телефоны, телевизоры и т.д.).

Комментарий:В следующих разделах вы узнаете, как «помочь» старым браузерам обрабатывать HTML5.

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

Новая декларация типа документа (DOCTYPE) в HTML5 очень проста:

<!DOCTYPE html>
Новая декларация кодировки символов (charset) также очень проста:
<meta charset="UTF-8">

Пример HTML5:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Заголовок документа</title>
</head>
<body>
Содержание документа......
</body>
</html>

Комментарий:Стандартная кодировка символов в HTML5 - UTF-8.

Новый синтаксис свойств HTML5

HTML5 стандарт позволяет использовать 4 различных синтаксических грамматик свойств.

Этот пример демонстрирует использование различных грамматических структур в теге <input>:

Тип Пример
Пусто <input type="text" value="Bill Gates" disabled>
Без кавычек <input type="text" value=Bill Gates>
Двойная кавычка <input type="text" value="Bill Gates">
Одинарная кавычка <input type="text" value='Bill Gates'>

В стандарте HTML5, в зависимости от потребности в атрибутах, могут быть использованы все 4 грамматические структуры.

Новые функции HTML5

Некоторые из самых интересных новых функций HTML5:

  • Новые семантические элементы, такие как <header>, <footer>, <article> и <section>.
  • Новые элементы форм, такие как числа, даты, время, календарь и ползунок.
  • Сильная поддержка изображений (через <canvas> и <svg>)
  • Сильная поддержка multimедиа (через <video> и <audio>)
  • Сильные новые API, такие как использование локального хранения вместо cookie.

Удаленные элементы HTML5

Следующие элементы HTML 4.01 были удалены из HTML5:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>