最合适的 HTML 结构用于引文内的括号旁白

Question

假设我必须将以下块引用翻译成 HTML 标记：

The quick brown fox jumped (some kind of parenthetical aside) over the head of the lazy dog.

构建内容的最佳方式是什么？我是否只是简单地将上面的括号括在 <span> 标记中并像这样设置不同的样式？

<blockquote>
  <p>The quick brown fox jumped <span class="p-aside">(some kind of parenthetical aside)</span> over the head of the lazy dog.</p>
</blockquote>

或者对于这个特定案例，我可以使用其他方法吗？谢谢！

Answer 1

这取决于how you're using the parentheses，但我认为这里不需要任何特殊的语义标记。括号本身用于传达旁白的分离和语态变化。如果您需要不同的样式，non-semantic <span> 将是您的最佳选择。

blockquote {
  font-style: italic;
}
.parenthetical-aside {
  font-style: normal;
  font-weight: bolder;
}

<blockquote>
  <p>She’s been dating Nathan <span class="parenthetical-aside">(the shy twin)</span> for about six months now.</p>
</blockquote>

但是，可以提出一个论点，即 <i> (idiomatic text element) 也可能是合适的。这些元素用于传达“代表不同质量或文本模式的文本跨度，例如替代语音或情绪”（以及其他用途）。请记住，许多浏览器默认将此元素设置为斜体样式，因此您可能需要覆盖它。

blockquote {
  font-style: italic;
}
.parenthetical-aside {
  font-style: normal;
  font-weight: bolder;
}

<blockquote>
  <p>She’s been dating Nathan <i class="parenthetical-aside">(the shy twin)</i> for about six months now.</p>
</blockquote>

最合适的 HTML 结构用于引文内的括号旁白

Most proper HTML structure to use for parenthetical asides inside a quotation

html

tags

semantic-markup