UL для семантических списков и заголовков - PullRequest
Новая
       11

UL для семантических списков и заголовков

1 голос
/ 12 декабря 2011

Я обычно использую ul для списков предметов 

<ul class="users">
  <li class="user">
    <div class="name">Jack</div>
    <div class="gender">M</div>
    <div class="salary">$15k</div>
    <div class="rank">Burger Flipper</div>
  </li>
  <li class="user">
    <div class="name">Jill</div>
    <div class="gender">F</div>
    <div class="salary">$17k</div>
    <div class="rank">Fry Tosser</div>
  </li>
</ul>

При создании заголовка для этого списка лучше всего включать заголовок как часть списка 

  <li class="user head">
    <div class="human-attributes">This is:</div>
    <div class="job-attributes">They are:</div>
  </li>

или это должен быть отдельный список? 

<ul class="users head">
  <li class="user">
    <div class="human-attributes">This is:</div>
    <div class="job-attributes">They are:</div>
  </li>
</ul>

Ответы [ 3 ]

1 голос
/ 12 декабря 2011

зависит от того, что вы хотите с ним сделать. Вы действительно должны использовать: 

<table><thead></thead><tbody></tbody></table>

конструкции, предназначенные для описываемого вами контента, вместо

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

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

0 голосов
/ 12 декабря 2011

Это одно из законных способов использования таблиц в HTML. Вы не должны семантически использовать неупорядоченные списки для представления «табличных» данных (что вы и описываете). Вы должны использовать что-то вроде этого: 

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Gender</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Jack</td>
      <td>M</td>
    </tr>
    <tr>
      <td>Jill</td>
      <td>F</td>
    </tr>
  </tbody>
</table>
0 голосов
/ 12 декабря 2011

http://www.w3.org/MarkUp/html3/listheader.html Был рабочий проект.На данный момент ваше решение кажется лучшим.но может быть, с другим классом.

...