从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>
感谢。
修改
答案 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)
根据规范,下面的一个似乎是有效的,因为dd
和dt
都没有强制要求;尽管如此,我仍然将表格提案放在第二位,因为您可以更轻松地将标题和内容保持在一起。