考虑到语义网和HTML5,创建手风琴小部件的语义正确方式是什么?
示例:
jQueryUI提出以下示例:
<div id="accordion">
<h3><a href="#">First header</a></h3>
<div>First content</div>
<h3><a href="#">Second header</a></h3>
<div>Second content</div>
</div>
现在,如果很明显我们需要一个包含标题和内容的列表,那么现在就是我们需要的:
定义列表?
<dl>
<dt>
Title
</dt>
<dd>
Content
</dd>
</dl>
答案 0 :(得分:7)
语义基于内容。
不是风格,
不是互动。
因此,在语义上标记手风琴小部件不会只有一种方法。由于手风琴小部件是交互。
dl
应该用于name-value groups,因此如果您有“术语和定义,元数据主题和值,问题和”,那么使用带有手风琴小部件的dl将是语义的。答案,或任何其他名称 - 值数据组。“:
<dl id="definitions">
<dt>...</dt>
<dd>...</dd>
<dt>...</dt>
<dd>...</dd>
...
</dl>
如果您在档案中收到了大量文章,则可能会使用语义:
<h1>Archive</h1>
<div id="articles">
<h2>...</h2>
<article>...</article>
<h2>...</h2>
<article>...</article>
...
</div>
在担心内容应该做什么之前,请先确定 的内容。