正确使用 标签，或如何标记“不太重要”的文本答案

【问题标题】：Correct use of the tag, or how to markup "less important" text正确使用 标签，或如何标记“不太重要”的文本
【发布时间】：2012-05-05 21:03:37
【问题描述】：

另一个标签在 HTML5 中被赋予了新的含义， 显然仍然存在：

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

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

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

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

 现在用于侧 cmets，它们是内联等效项 <aside> — 不是页面主要焦点的内容。普通的示例是内联法律术语，例如页面中的版权声明页脚、免责声明或许可信息。也可以使用用于归属。

我有一个我想要显示的人员列表，其中包括他们的真实姓名和昵称。昵称有点像“旁白”，我想用较浅的文字对其进行样式化：

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

我需要为网站的几个部分（人员、产品、位置）做类似的事情，所以我正在尝试制定一个合理的标准。我知道我可以使用  或类似的东西，但我试图避免使用任意类名并使用正确的 HTML 元素（如果有的话）。

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

【问题讨论】：

如果您想在代码中的其他地方使用 而没有较浅的文本会怎样？那么您不妨选择，因为您必须为每个small 分配一个类，不是吗？我认为 是大多数人无论如何都会这样做的。
@Ozzy：我完全接受这个机会。我宁愿为规则编写代码（最常见的用法），而不是例外。无论如何，我只会使用。这更像是一个 CSS 问题而不是一个标记问题。
@Ozzy: 或者干脆使用继承，#mainContent small 毕竟和#mainContent > small 和#footer small 不同。
@Ozzy 这个想法是使用组合器：#nav small { ... }、article small { ... }、.popup small { ... } 等
我认为您为  提供了一个有趣的案例。但是，我认为从语义上讲，括号就足够了（就像没有 <sentence> 元素一样），因此您只需要一个样式挂钩，在这种情况下， 是适当的元素。不是答案，因为我不相信这里有正确的答案。

标签： html semantic-markup

【解决方案1】：

您正在查看的规范是旧的，您应该查看 HTML5 规范：

https://html.spec.whatwg.org/multipage/

我在这里建议 而不是小：

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

在文章句中不常用，而是这样：

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

【讨论】：

是的，您的链接提供了一个使用它的示例，例如<dt>Single room <dd>199 € breakfast included, VAT not included。在您的第一个示例中，我同意 是正确的，但在其他示例中 似乎非常合适。非常感谢，这为我消除了很多困惑，因为我发现的几乎所有示例都与法律相关。
所以澄清一下，在我的确切示例中，您认为 更有意义？我现在认为 确实是正确的选择。我相信你的两个例子都是正确的。你的意见？无论如何，我很感激将我引导到正确的资源，以便我做出明智的决定。 ...我并没有失去幽默感，我只是很忙 :) 我会尽快打电话给生活教练聊天热线。
在您的情况下，我不认为小是正确的选择，因为您说的是：Laurence Tureaud, also known as Mr.T, is... 简而言之。使用！它与上下文有关。  用于无关文本
我实际上只是列出人们的姓名和地址，而不是在句子上下文中。 “昵称”是一种消除具有完全相同名字的人的歧义的方法。您的最后一条评论与您的示例有何关联：($1.99 for 1 minute)。对我来说，它似乎与周围的文字非常相关。我认为 em 是为了强调文本（与我想要的相反）。
我想我现在有了更好的理解，但在我的特定上下文中，我倾向于认为昵称实际上是“旁白”的内容。喜欢Laurence Tureaud (Mr. T) is famous for his role...。您可以删除 small 文本而不更改其含义，就像 aside

【解决方案2】：

我个人认为 不是正确的标签，因为它表明文本在物理上会更小，而您的示例似乎并非如此。我认为使用 会更合适或可能使用 HTML <aside>。 http://dev.w3.org/html5//spec-author-view/the-aside-element.html

【讨论】：

 不意味着它应该明显更小。那是老式的表示用法。 <aside> 是块级内容，绝对不是正确的选择。它甚至说：“不适合仅使用附加元素作为括号，因为它们是文档主要流程的一部分。” 这正是我正在做的。
啊，没想到<aside> 是块级的。好点子。我知道 严格来说并不意味着它会明显更小，我的意思是它更有可能被认为是 w3.org 描述中提到的“小字体”作为示例。如果 将用于此，我建议将它与上面 cmets 中提到的它自己的类结合起来。
@Madmartigan 你的意思是“small print”这个词不能按字面意思理解？
@MrLister：我的意思是你不使用 只是来设计你想要看起来很小的东西，以及你实际设计@987654331的方式@ 没关系（如果你愿意，它可以很大）。这严格来说是一个标记问题，而不是 CSS 或演示问题。例如，我希望屏幕阅读器（默认情况下）以更柔和、更安静或不那么强调的声音阅读该部分（我知道我可以使用听觉样式表，只是一个例子）。基本上我正在寻找与 相反的东西，一种不强调部分文本的方法（样式化是一个单独的问题）。希望我已经说清楚了。

【解决方案3】：

您应该问问自己，当不应用样式表时，您希望如何显示文档。根据这个选择标记，而不是关于“语义标记”的学术或学术理论（见我的pragmatic guide to HTML）。

如果您想要更小的尺寸，请使用 或。前者更简洁，更容易设置样式，并且更“耐看”（在某些浏览器上，告诉浏览器忽略网页上指定的字体大小的设置不会消除small 的效果）。所以这是一个相当简单的选择。

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

【讨论】：

这是错误的。 HTML 元素应该用来传达语义，而不是表示。