HTML 5 теги для верстки страниц

HTML5 теги для верстки сайтов

HTML5 уже давно анонсирован и используется многими. Однако, я уверен, есть и те кто и сейчас верстает также как и год-два назад. В этом посте я хочу описать те HTML 5 теги которые можно применять в своей верстке прямо сейчас, и которые улучшат верстку для поисковой оптимизации сайтов. Теперь вместо <div class="header"> можно писать просто <header> и поисковый робот будет понимать, что здесь размещен заголовок страницы. Ниже список тегов и объяснение их значения.

<header> — заголовок

<article> — новость, статья, пост

<aside> — сайдбар, список рубрик

<figure> — блок с изображением и подписью к нему
<figcaption> — описание контента (подпись к изображению) в теге <figure>. Должен быть первым или последним в блоке.

<footer> — подвал сайта. Имя автора, дата документа, контактная и правовая информация.

<hgroup> — группирование заголовков

<nav> — основная навигация по сайту, как правило главное меню

<section> — раздел документа. <section>может использоваться несколько раз внутри одной статьи представляя её разделы. <section>может и должен содержать заголовки <H2> или <H3>

<time> — помечает текст внутри тега <time> как дату