Краснодар

+7 952  830 72 85

Москва

+7 495 134 25 57

Краснодар

+7 952  830 72 85

Москва

+7 495 134 25 57

Новые элементы HTML5: группировка контента

Многие новые элементы, которые ранее относились к блочным теперь разделены на группирующие в секционирующие. Первые – списки, <p>, <pre>, <blockquote> и <div>. Добавились еще три компонента: <main>, <figure> и <figcaption>.

<main>

Определяет основной контент страницы. На каждой странице только один элемент. Он не влияет на структуру документа и не секционирует контент. Элемент должен заключать в себе уникальный контент для этой страницы. Деталей, которые есть на всех страницах сайта (нижнего колонтитула, заголовка или навигационной панели) на нем нет.

Компонент<main> может быть предком, но не потомком.

<figure> и <figcaption>

<figure> содержит в себе потоковый контент, сопровождаемым заголовком <figcaption>. Последний компонент самодостаточен. На него можно ссылаться из основного содержимого.

Рисунки и таблицы на сайте идеально помещать в <figure>.

Элемент <figcaption> может быть только первым или последним потомком элемента <figure>. В нем содержитя либо заглавие, либо легенда того элемента <figure>, в который вложен <figcaption>. Строковое содержимое <figcaption> - я заглавие того <figure>, с которым оно ассоциировано.

<hr>

В HTML5 <hr> теперь имеет семантическое значение. Его используют как презентационный элемент – горизонтальную линейку. Его характеризуют жестким переносом.

<hr> удобен для смены контекста или перехода к новой темы. Используется в разделе вики-документа. Атрибуты для элемента <hr/> нежелательны.

Изменения в атрибутах

В пятой версии снова появились два атрибута, которые считаются нежелательными: Value и type. Чтобы упорядочить списки добавили reversed. Он обобщает нумерацию и обеспечивает нумерацию списков в обратном порядке.

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

В HTML5 присутствует более 20 семантических элементов, действующих на уровне текста. Некоторые из этих элементов являются новыми, другие переопределены, у третьих имеются новые атрибуты, четвертые сохранились без изменений, и лишь немногие, например <acronym>, удалены из спецификации.