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

时间:2012-05-05 21:03:38

标签: html html5 semantic-markup

另一个在HTML5中被赋予新含义的标记<small>显然存在于:

  

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

     

小元素代表所谓的“精细打印”或“小字体”,   例如法律免责声明和警告。

这个非正式的参考似乎更进一步:

  

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

     

<small>现在用于旁注,这是内联等效的   <aside> - 不是页面主要焦点的内容。普通的   示例是内联法律术语,例如页面中的版权声明   页脚,免责声明或许可信息。它也可以使用   归因。

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

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

enter image description here

我需要为网站的几个部分(人员,产品,地点)做这样的事情,所以我正在努力制定合理的标准。我知道我可以使用<span class="quiet">或类似的东西,但我试图避免任意类名并使用正确的HTML元素(如果有的话)。

<small>是否适用于此,或者是否有适当的其他元素或标记结构?

3 个答案:

答案 0 :(得分:13)

您正在查看的规范是旧的,您应该查看HTML5规范:

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

我建议<em>在这里而不是小:

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

答案 1 :(得分:0)

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

答案 2 :(得分:-9)

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

如果您想要更小的尺寸,请使用<small><font size=2>。前者更简洁,更容易设计风格,而且更“耐”(在某些浏览器上,设置告诉浏览器忽略网页上指定的字体大小不会消除small的影响)。所以这是一个相当简单的选择。

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