Question

我有dl，我编码如此：

<dl>
  <dt>term 1</dt>
    <dd>definition 1</dd>
  <dt>term 2</dt>
    <dd>definition 2</dd>
  <dt>term 3</dt>
    <dd>definition 3</dd>
</dl>

我发现很难将正确的css应用于我想要的布局，即。列中的每个术语和定义。以下列方式构造html将解决我的问题，但我想知道，这可以吗？（从可访问性的角度来看）。

<dl>
    <dt>term 1</dt>
    <dd>definition 1</dd>
</dl>
<dl>
    <dt>term 2</dt>
    <dd>definition 2</dd>
</dl>
<dl>
    <dt>term 3</dt>
    <dd>definition 3</dd>
</dl>

Answer 1

将每个术语放在自己的列表中使得无法以编程方式确定这三个术语实际上是彼此相关的（因为它们是您站点上相同内容的一部分）。偏离标准肯定是必要的，但你没有说什么表明这是必要的。

如果您最初的潜在问题是“我无法按照我想要的方式设置此列表”，那么Stack Overflow可能更好的问题是：“我如何将此列表设置为 __ “

Answer 2

似乎它不是完全语义的（http://www.w3schools.com/tags/tag_dl.asp），但没有人想担心^^ 你可以说你有很多一个定义的列表！

如何最好地构建具有可访问性的定义列表

2 个答案: