rya*_*nve 6 html semantic-markup
使用<dl>列表将键与值关联时,这两个样本之间是否存在语义差异?哪一个提供更好的语义?多个<dd>标签在这种情况下意味着什么?
样本1:多个<dd>项目.
<dl>
<dt>Authors</dt>
<dd>John Lennon</dd>
<dd>Paul McCartney</dd>
<dt>Genres</dt>
<dd>Pop</dd>
<dd>Rock</dd>
</dl>
Run Code Online (Sandbox Code Playgroud)
方输出:
两个项目的定义列表作者等于 John Lennon 等于 Paul McCartney类型等于 Pop 等于 Rock List结束
样品2:单一<dd>包含<ul>
<dl>
<dt>Authors</dt>
<dd>
<ul>
<li>John Lennon</li>
<li>Paul McCartney</li>
</ul>
</dd>
<dt>Genres</dt>
<dd>
<ul>
<li>Pop</li>
<li>Rock</li>
</ul>
</dd>
</dl>
Run Code Online (Sandbox Code Playgroud)
方输出:
的两个项目定义列表作者等于两个项目子弹名单约翰·列侬的子弹保罗·麦卡特尼列表结束流派等于两个项目符号列表弹出子弹摇滚列表结束列表结束
您链接到的文档包含以下示例:
在以下示例中,一个条目("作者")链接到两个值("John"和"Luke").
Run Code Online (Sandbox Code Playgroud)<dl> <dt> Authors <dd> John <dd> Luke <dt> Editor <dd> Frank </dl>
换句话说,<dd>单个元素后面的两个元素<dt>都与该<dt>元素相关联.
然而,在语义方面似乎没有太大差别,在具有多个连续<dd>元素之间,并且具有单个<dd>又包含一个元素<ul>.如果将"一个列表"(<ul>单个中的一个<dd>)与"一组值"(<dd>序列中的多个s)区分开来很重要,那么我将根据这个来决定.如果那不重要,那么给定一个选择我会<dd>依次选择多个s,因为它更简单.
该dl定义的相关部分是:
组内的值是替代值; 形成相同值的一部分的多个段落必须在同一个dd元素内给出.
我认为一个明确的例子是dl描述同音异义词,例如" bank ":
<dl>
<dt><dfn>bank</dfn></dt>
<dd>An institution where one can place and borrow money and take care of financial affairs.</dd>
<dd>An edge of river, lake, or other watercourse.</dd>
<dd>A row or panel of items stored or grouped together.</dd>
</dl>
Run Code Online (Sandbox Code Playgroud)
↑这里的术语"bank"(dt)有三个含义(dd).使用一个dd带有ul不会持有相同的语义:
<dl>
<dt><dfn>bank</dfn></dt>
<dd>
<ul>
<li>An institution where one can place and borrow money and take care of financial affairs.</li>
<li>An edge of river, lake, or other watercourse.</li>
<li>A row or panel of items stored or grouped together.</li>
</ul>
</dd>
</dl>
Run Code Online (Sandbox Code Playgroud)
↑这里术语"银行"只有一个含义(这个含义由a组成或由a描述ul).
回到您的作者示例,您通常希望使用第一个变体(如BoltClock所述),因为每个作者在作者组中确实是"值"(dd).
但是,最终它取决于您的内容,更重要的是,取决于您对该内容的理解.