Jump to content
  • 0

Семантика заголовков section -> article


Libiros
 Share

Question

Доброго времени суток!

 

У меня следующая проблема - не понимаю как семантически правильнее верстать следующую структуру:

<section> <h1>Title</h1> <article>  <h1>Article-title №1</h1>  <p>Article-content №1</p> </article> <article>  <h1>Article-title №2</h1>  <p>Article-content №2</p> </article></section>

или

<section> <h1>Title</h1> <article>  <h2>Article-title №1</h2>  <p>Article-content №1</p> </article> <article>  <h2>Article-title №2</h2>  <p>Article-content №2</p> </article></section>

Для ленивых поясню. В первом случае заголовок в article задается через h1, во втором через h2.

Как правильнее при наличии h1 после section?

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Правильнее первый вариант, т.к. <article> - это независимая часть документа, которая может быть вырвана из контекста страницы целиком и при этом не потерять смысл.

Большое спасибо.

 

Эта информация из спецификации html5 или откуда-то еще?

Link to comment
Share on other sites

  • 0

С точки зрения спеки HTML5 семантически без разницы, при наличии article/section/nav/aside уровень заголовка определяется не цифрой, а вложенностью. На практике второй вариант надежнее, т.к. обратно совместим с HTML4/XHTML1 (т.е. его правильно поймут поисковики и скринридеры, «не обученные» премудростям нового стандарта).

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By konoplev_ps
      Добрый день.
      Проблема: Настраиваю в отдельном CSS стили для шрифтов h1, h2 и т.д., но когда начинаю их применять внутри тега div - не вижу изменений. Сам CSS подключил, в нем и другие настройки стилей, которые успешно применяются к файлу html.
    • By Димитрий
      Начал изучать 3 пункт спецификации, а именно "семантику", и возник такой вопрос: 
      Можно ли как-то узнавать, правильно ли я построил семантику для сайта, и структуру ? 
    • By Ronin1999
      <h1>Всем привет.</h1>
      <p>Возникла большая проблема  Неделю назад я начал верстать свой первый сайт. И сегодня уже готовые 3-4 его страниц на html.  У меня будет свой блог. Но вот что делать дальше? Как упростить жизнь? Искал в Интернете, что нужно установить движок, чтобы автоматизировать действия на сайте.   Но от этих CMS меня тошнит.  Буду делать свой CMS.  Смотрю уроки  по созданию этого движка. Смотрю также уроки по PHP. . Это просто бардак.</p>
       Что нужно сразу делать после верстки?  
    • By abubakr
      Здравствуйте!
      Проблема: При доб. текста в "div.block-item" (внутри тегов <p>,<span>,<h5>) он уходит вниз.
      С помощью "display: table" для <h5> можно это исправить, однако "text-align: center" не будет работать.
      Код HTML:
      <html> <head> <link rel="stylesheet" href="style.css"> <meta charset="utf-8"> </head> <body> <div class="center"> <div class="block"> <div class="block-item"></div> <div class="block-item"> <h5>TEXT</h5> </div> <div class="block-item"></div> </div> </div> </body> </html> Код CSS:
      .center{ width:1200px; margin: 0 auto; } .block{ margin-top: 30px; border: 1px solid #000; } .block-item{ display: inline-block; margin-right: 30px; width: 360px; height: 450px; background: #fff3f0; } .block-item:last-child{margin-right: 0;} .block-item:hover h5{display:none;}
      В чем проблема и как можно его исправить?
      Заранее спасибо.
    • By ArpineM
      Please help. I am a freshman , and I cannot find resolution for my first homework.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy