正确使用<small>标签，或者如何标记“不太重要”的文本

Question

又一个在 HTML5 中被赋予新含义的标签，

<small>

显然仍然存在：

http://www.w3.org/TR/html-markup/small.html#small

小元素代表所谓的“fine print”或“small print”， 例如法律免责声明和警告。

这个非官方参考似乎更进一步：

http://html5doctor.com/small-hr-element/

<small>

现在用于辅助注释，相当于内联

<aside>

— 不是页面主要焦点的内容。一个常见的 示例是内联法律术语，例如页面中的版权声明 页脚、免责声明或许可信息。也可以用 用于归属。

我有一个想要显示的人员列表，其中包括他们的真实姓名和昵称。这个昵称有点像“旁白”，我想用更轻的文本来设计它的样式：

<li>Laurence Tureaud <small>(Mr.T)</small></li>

我需要对网站的几个部分（人员、产品、位置）执行类似的操作，因此我正在尝试制定一个合理的标准。我知道我可以使用

<span class="quiet">

或类似的东西，但我试图避免任意的类名并使用正确的 HTML 元素（如果有的话）。

<small>

是否适合于此，或者是否有其他合适的元素或标记结构？

Answer 1

您正在查看的规范已过时，您应该查看 HTML5 规范。

我建议在这里使用

<em>

而不是

<small>

:

<p>
  Laurence Tureaud also called <em>Mr. T</em> is famous for his role in the tv series A-TEAM.
</p>

<small>

在冠词句子中不常用，但像这样：

<footer>
  <p>
    Search articles about <a href="#">Laurence Tureaud</a>,
    <small>or try <a href="#">articles about A-TEAM</a>.</small>
  </p>
</footer>

<footer>
  <p>
    Call the Laurence Tureaud's "life trainer chat line" at 555-1122334455
    <small>($1.99 for 1 minute)</small>
  </p>
</footer>

文章句子：

<p>
  My job is very interesting and I love it: I work in an office
  <small>(123 St. Rome, Italy)</small>
  with a lot of funny guys that share my exact interests.
</p>

Answer 2

我个人认为

<small>

不是正确的标签，因为它表明文本在物理上会更小，而您的示例似乎并非如此。我认为使用

<span>

会更合适或者可能是 HTML

<aside>

。 http://dev.w3.org/html5//spec-author-view/the-aside-element.html

Answer 3

您应该问自己，在未应用样式表时您希望如何显示文档。根据此选择标记，而不是关于“语义标记”的学术或学术理论（请参阅我的HTML实用指南）。

如果您想要较小的尺寸，请使用

<small>

或

<font size=2>

。前者更简洁，更容易设计样式，并且更“抵抗”（在某些浏览器上，告诉浏览器忽略网页上指定的字体大小的设置不会消除

small

的效果）。所以这是一个相当简单的选择。

另一方面，一行文本内的字体大小变化在排版上是有问题的。在印刷品中，这种情况更多地是偶然的、错误的，而不是故意的。将某些内容放在括号中通常足以表明其在某种程度上是次要的