html - 强调句子或部分的正确 HTML 标记是什么？

Question

我意识到我在整个 HTML 中使用 blockquote 来强调我的学生必须学习的段落——这显然是错误的，因为 blockquote 是为了指定引用自其他来源的部分。

在我的例子(数学)中，段落定义或描述了一个词并且应该在视觉上突出。

经过一些研究，我找到了 em tag其中“标记强调强调的文本”，但是，它似乎是为单个单词或一组单词设计的，而不是为段落设计的。

所以问题是:什么是正确的HTML标签来强调一个完整的句子或一个部分(几个段落)？

Answer 1

从语义上讲，如果您正在定义某些东西 - 如果符合您文档的结构 - 您应该查看 <dl> : 定义列表。

MDN 有一个页面解释了您需要了解的内容:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl

在 <dl> 内, 你有 <dt> (定义词)和 <dd> (定义说明)。 <dd>是 block 级的，因此可以包含 block 级元素，例如段落和列表，但是 <dt>是内联的，应该只包含其他内联元素。如果您真的遵守规则:)

例子:

<dl>
  <dt>Stack Overflow</dt>
  <dd>
    A place that holds many answers, some of which are <em>mostly</em> correct.
  </dd>
</dl>

默认情况下，大多数浏览器会在定义列表中应用一些缩进，但就样式而言，这就是您可以开箱即用的全部内容。您需要应用自己的样式规则来使它们更加突出，但是作为定义列表一部分的各种标签应该可以帮助您实现这一点。

有一些关于屏幕阅读器用户定义列表的可访问性的讨论，不同的浏览器和阅读器产生不同的结果(参见 https://webaim.org/discussion/mail_thread?thread=7089 )。这不是最优的，但似乎使用定义列表并不比使用无序列表( <ul> )差；这不是一个理想的解决方案(因为实际上并不存在)，但不是最糟糕的选择。