dl,dt。 dd用于多个列表数据

时间:2011-03-23 18:28:15

标签: html

tutorial here开始,我可以看到这是一个有效的标记dl,dt,dd结构,

<dl>
    <dt>Name: </dt>
    <dd>John Don</dd>

    <dt>Age: </dt>
    <dd>23</dd>

    <dt>Gender: </dt>
    <dd>Male</dd>

    <dt>Day of Birth:</dt>
    <dd>12th May 1986</dd>
</dl>

但这只是一个人的结构,多人/人呢?下面怎么样?我想要一个标题,然后是一个项目列表,

<dl class="name-header">
    <dt>Name: </dt>
    <dt>Age: </dt> 
    <dt>Gender: </dt> 
    <dt>Day of Birth:</dt>
</dl>

<dl class="person-item">
    <dd>John Don</dd>
    <dd>23</dd>
    <dd>Male</dd>
    <dd>12th May 1986</dd>
</dl>

<dl class="person-item">
    <dd>John Don</dd>
    <dd>23</dd>
    <dd>Male</dd>
    <dd>12th May 1986</dd>
</dl>

感谢。

修改 enter image description here

3 个答案:

答案 0 :(得分:4)

考虑一个表:

<table>
    <tr>
        <th>Name:</th>
        <th>Age:</th>
        <th>Gender:</th>
    </tr>
    <tr>
        <td>John Don</td>
        <td>23</td>
        <td>Male</td>
    </tr>
    <tr>
        <td>John Don II</td>
        <td>53</td>
        <td>Male</td>
    </tr>
</table>

答案 1 :(得分:1)

在我看来,使用这种方式可以突破语义。

通过下面的标记,显然23指的是受试者的年龄:

<dl>
   <dt>Name:</dt>
   <dd>John Don</dd>

   <dt>Age:</dt>
   <dd>23</dd>

   <dt>Birth Date:</dt>
   <dd>May 24 1967</dd>
</dl>

使用你的标记,这真的不容易说:

<dl class="name-header">      
  <dt>Name: </dt>      
  <dt>Age: </dt>       
  <dt>Gender: </dt>       
  <dt>Day of Birth:</dt>      
</dl>          

<dl class="person-item">      
  <dd>John Don</dd>      
  <dd>23</dd>      
  <dd>Male</dd>      
  <dd>12th May 1986</dd>      
</dl>      

<dl class="person-item">      
   <dd>John Don</dd>      
   <dd>23</dd>      
   <dd>Male</dd>      
   <dd>12th May 1986</dd>      
</dl>

答案 2 :(得分:0)

根据规范,下面的一个似乎是有效的,因为dddt都没有强制要求;尽管如此,我仍然将表格提案放在第二位,因为您可以更轻松地将标题和内容保持在一起。