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

Wes*_*rch 22 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>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

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

是否<small>适合这个,或者是有其他元素或标记结构,这将是合适的?

sky*_*e26 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>
Run Code Online (Sandbox Code Playgroud)

<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>
Run Code Online (Sandbox Code Playgroud)

文章句子:

<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>
Run Code Online (Sandbox Code Playgroud)