HTML5 Новые элементы

HTML5 Новые элементы

Новые элементы в HTML5

Ниже приведен список новых элементов HTML5 и описание того, для чего они используются.

Новые семантические / структурные элементы

HTML5 предлагает новые элементы для лучшей структуры документа:

<article> Определяет статью в документе

<aside> Определяет содержимое помимо содержимого страницы

<bdi> Изолирует часть текста, которая может быть отформатирована в другом направлении, чем другой текст за ее пределами.

<details> Определяет дополнительные детали, которые пользователь может просматривать или скрывать

<dialog> Определяет диалоговое окно или окно

<figcaption> Определяет заголовок для элемента <figure>

<figure> Определяет автономный контент

<footer> Определяет нижний колонтитул для документа или раздела

<header> Определяет заголовок для документа или раздела

<main> Определяет основное содержание документа

<mark> Определяет отмеченный / выделенный текст

<meter> Определяет скалярное измерение в известном диапазоне (датчик)

<nav> Определяет навигационные ссылки

<progress> Представляет ход выполнения задачи

<rp> Определяет, что показывать в браузерах, которые не поддерживают аннотации ruby

<rt> Определяет объяснение / произношение символов (для восточноазиатской типографии)

<ruby> Определяет аннотацию ruby (для типографики в Восточной Азии)

<section> Определяет раздел в документе

<summary> Определяет видимый заголовок для элемента <details>

<time> Определяет дату / время

<wbr> Определяет возможный разрыв строки

Новые элементы формы

<datalist> Определяет список предопределенных опций для элементов управления вводом

<output> Определяет результат вычисления

Новые типы ввода

HTML5 — новый синтаксис атрибута

HTML5 допускает четыре различных синтаксиса для атрибутов.

В этом примере демонстрируются различные синтаксисы, используемые в теге <input>:

Empty <input type=»text» value=»Simon» disabled>

Unquoted <input type=»text» value=Simon>

Double-quoted <input type=»text» value=»Simon Smith»>

Single-quoted <input type=»text» value=’Simon Smith’>

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

HTML5 Графика

<canvas> Рисование графики на лету с помощью сценариев (обычно JavaScript)
<svg> Рисование масштабируемой векторной графики

Новые медиа элементы

<audio> Определяет звуковое содержание

<source> Определяет несколько медиаресурсов для медиаэлементов (<video> и <audio>)

<track> Определяет текстовые дорожки для медиа-элементов (<video> и <audio>)

<video> Определяет видео или фильм