Введение в 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>)
  • Сильная поддержка мультимедиа (с помощью <video> и <audio>)
  • Сильные новые API, такие как использование локального хранения вместо cookie.

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

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

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