Question

考虑到语义网和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>

Answer 1

语义基于内容。

不是风格，
不是互动。

因此，在语义上标记手风琴小部件不会只有一种方法。由于手风琴小部件是交互。

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>

在担心内容应该做什么之前，请先确定的内容。

什么是创建手风琴小部件的语义正确方法？

1 个答案: