html - 在html中的段落中嵌套列表

Question

似乎(严格的)html 不允许在 <p> 中嵌套任何非内联元素，但是我应该如何呈现包含列表的段落(自然文本中经常出现的东西)。我看到了三个似乎都不令人满意的答案:

• 列表不应出现在段落内。 (我不打算进行文化辩论，但我当然希望 html 不会成为决定写作风格的地方。)
• 将文本分成一个段落，然后是一个列表，然后是带有后置文本的第二个段落。这看起来很糟糕，因为现在我有 <p> block 是段落的部分，这对于试图向更语义化的方向移动的标记来说似乎很糟糕。
• 使用一些 <div class="mypara"> 伪造段落— 这看起来是一种绕过整个事情并放弃使用具有适当文本语义的标记的糟糕方法。

是否有其他语义正确且有效的方法来做到这一点？

Answer 1

在最新的工作草案中，HTML 5 中的段落被定义为只能包含短语元素的流元素。列表也被定义为流程元素，并且不能包含在段落中。无论您认为段落的定义应该是什么，这是该术语在 HTML 中的正式定义，我认为它不太可能改变。

除了您提到的两种可能性之外，您还可以考虑两种可能性:

• 考虑使用比段落更广泛的流程元素(如果适用)，例如 section、nav、header、页脚，或文章。
• 使用混合方法:将 p – ol – p 序列包装在您选择的 div 中，将通用格式应用于集合。

就 div 而言，HTML 5 规范明确建议它应该是“不得已”的元素，因为它不像其他 HTML 元素那样具有语义含义，并且在替代用户代理中可能不那么用户友好。按照这个建议，如果语义对你很重要，我不会以 p 为代价使用 div 作为正文。但是，它有助于确保多个段落的使用在视觉上不会过于困惑。