HTML5 элементы

HTML5 вводит набор новых тегов, полностью переосмыслив правила верстки. Структура документов, которая определяется с помощью тегов должна отражать логику представляемой информации.

<main>

Элемент <main> содержит главную информацию на странице. Его содержимое должно быть уникальным и не повторяться на других страницах. Все повторяющиеся элементы: логотипы, боковые колонки, футер — все необходимо вынести за пределы <main>.

На текущей странице должен быть только один элемент <main>.

<article>

Тег <article> содержит самодостаточную информацию, причем ее можно удалить со страницы без потери смысла. Это новости, статьи, комментарии. Внутрь элемента <article> можно вкладывать другие элементы <article>. Такая вложенность подразумевает, что родительский и дочерний <article> связаны смыслом.

<section>

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

<nav>

Элемент <nav> испльзуется для выделения главной навигации по сайту.

<aside>

Чаще всего — боковая панель, которая содержит блоки навигации, ссылки к текущему материалу. Т.е. для выделения полезной информации, но выполняющей второстепенную роль.

<header>

Вводная к статье часть. Чаще всего в <header> помещают заглавие, данные относящиеся к текущему содержимому страницы. Не стоит путать <header> и заголовок сайта. Это разные структурные элементы. В заголовке может содержаться логотип, название сайта, телефоны, строка поиска. В <header> — название текущей статьи, дата публикации, автор.

<footer>

Содержит: данные о авторе и компании, ссылки на страницы, и другую служебную информацию.

<address>

Служит для размещения информации по текущей статье. Еще раз — не используйте данный тег для указания почтового адреса вашей компании! <address> используется для указания ссылок на автора статей, которыми вы пользовались, для написания материала.

<address> часто используется внутри <footer> который находится внутри тега <article>.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *