Следует ли поместить несколько <article>элементов в <section>в теги <ul>? - PullRequest
Новая
       31

Следует ли поместить несколько <article>элементов в <section>в теги <ul>?

0 голосов
/ 19 ноября 2010

Я использую новые теги HTML5 и мне было интересно, какой из следующих двух вариантов предпочтительнее:

ОПЦИЯ 1 

<article class="menu">
  <section>
    <header>
      <h4>Breakfast</h4>
    </header>
    <ul>
      <li>
        <article class="menu-item">Cereal</article>
      </li>
      <li>
        <article class="menu-item">Bacon & Eggs</article>
      </li>
      <li>
        <article class="menu-item">Waffles</article>
      </li>
    </ul>
  </section>
  <section>
    <header>
      <h4>Lunch</h4>
    </header>
    <ul>
      <li>
        <article class="menu-item">Peanut Butter & Jelly</article>
      </li>
      <li>
        <article class="menu-item">Ham Sammich</article>
      </li>
      <li>
        <article class="menu-item">Soup</article>
      </li>
    </ul>
  </section>
</article>

ОПЦИЯ 2 

<article class="menu">
  <section>
    <header>
      <h4>Breakfast</h4>
    </header>
    <article class="menu-item">Cereal</article>
    <article class="menu-item">Bacon & Eggs</article>
    <article class="menu-item">Waffles</article>
  </section>
  <section>
    <header>
      <h4>Lunch</h4>
    </header>
    <article class="menu-item">Peanut Butter & Jelly</article>
    <article class="menu-item">Ham Sammich</article>
    <article class="menu-item">Soup</article>
  </section>
</article>

В настоящее время я использую первый вариант с тегами из-за остатков привычек из HTML 4.01, однако мне кажется, что они полностью избыточны и не нужны в HTML5.Что является более правильным?

Например, в этой статье здесь не используются теги: http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/

Ответы [ 2 ]

2 голосов
/ 19 ноября 2010

Должен ли?Не обязательно.Можно?Да.

У меня есть ситуация, в которой я делаю что-то похожее на ваш первый пример с

.В этом случае содержащий элемент
0 голосов
/ 19 ноября 2010

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

Обычно семантическая разметка имеет немного больше общего с тем, как вы представляете данные, а не только с данными. Например, если вы хотите использовать что-то вроде EasySlider , вы должны поместить элементы в список, потому что это соглашение, которое оно использует. Одни и те же данные, представленные другим способом, могут потребовать совершенно иной разметки.

...