Html 如何在考虑可访问性的情况下最好地构造定义列表

我有一个

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>

第一学期
定义1
第二学期
定义2
第3学期
定义3

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

第一学期
定义1
第二学期
定义2
第3学期
定义3

它似乎不完全是语义的（），但没有人愿意担心^^

---

你可以说你有一个定义的许多列表

将每个术语放在自己的列表中，无法通过编程确定这三个术语实际上是相互关联的（因为它们是您站点上相同内容的一部分）。有时偏离标准当然是必要的，但你们并没有说什么证明这是必要的

---

如果您最初的根本问题是“我无法按照我想要的方式设置此列表的样式”，那么对于堆栈溢出，可能更好的问题是：“如何设置此列表的样式，使其看起来像\uuu”

正如MatTheCat所说，它在语义上不正确，但我不会告诉任何人。将列表作为一个整体是有意义的，因为这些术语相互关联。确切地说。你实际上没有三个不同的列表；您有一个包含三个不同术语的列表。任何其他标记都不正确。同样，这并不是说绝对不能使用错误的标记；但这是不正确的。将列表作为一个整体是有意义的，因为这些术语是相互关联的。所以我需要得到css方面的帮助。。。。我将不得不把它作为另一个问题发布，因为我似乎无法在这里添加代码。。。。干杯，盖斯诺真的很确定你想如何设计它，或者为什么它会引起问题，但是也许你可以在某处使用

？我经常发现，如果我不能在CSS中实现我想要的，那么解决方案总是更多的框。尝试：

…

，将它们保持在相同的

中，但使用多个

来分隔每个术语。否则，您可能会以不同的方式将CSS应用于

dl dt

和

dl dd

？

<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>