Структурированные теги HTML5

В HTML5 добавили несколько интересных и полезных тегов для структурирования вашей разметки. Многие из этих тегов заменят типичные элементы div которые мы часто используем. Начнем перечисление тегов:

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

Используется для указания заголовка для section (разделов), также для группировки заголовков, но может также содержать дополнительную информацию о разделе.

footer обычно содержит информацию о разделе, ссылки на похожие документы, копирайты и т.д.

Определяет область навигации, как правило список ссылок. nav как правило должен располагаться между section, header и footer

Независимая запись в блоге, журнале и т.д.

Указывает вторичную информацию о записи, пояснение что ли.

Использование

Давайте теперь попробуем использовать эти теги для построения обычной страницы блога:

<!DOCTYPE html>
<html>
  <head>
    <title>Стандартный блог</title>
  </head>
  <body>



Стандартный блог













      <p>Copyright © 2008 All Rights<p>
    


  </body>
</html>

Этот пример достаточно многозначен но хорошо показывает места применения нужных тегов.

7 Комментария

  1. ct
    July 30, 2010 at 1:06 pm

    интересная заметка, но вот было бы неплохо помимо кода примера и сам пример где-нибудь разместить, чтобы посмотреть код, так сказать, в действии

    Reply
  2. Блогер Xstroy
    July 30, 2010 at 3:31 pm

    Удивляет простота и лаконичность. А когда это чудо будет поддерживаться всеми браузерами, кто знает?

    Reply
    • admin
      July 30, 2010 at 4:25 pm

      это все уже поддерживается всеми нормальными браузерами..

      Reply
      • Денис
        August 1, 2010 at 10:53 am

        нормальными это opera и firefox?) А “всеми любимый” IE как относится к html 5? И по сей день это важно..

        Reply
        • admin
          August 2, 2010 at 9:18 am

          почему, chrome и safari забыл =)) IE кстати нормально тож это дело открывает…

          Reply
      • Webchester
        August 2, 2010 at 8:28 am

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

        Reply

Оставьте комментарий

(обязательно)