首页 > 编程笔记

HTML <small>标签的用法

HTML5 重新定义了 <small> 元素,由通用展示性元素变为更具体的、专门标识所谓“小字印刷体”的元素,通常表示细则一类的旁注。例如,免责声明、注意事项、法律限制、版权信息等,有时还可以表示署名、许可要求等。

两点注意:

示例1

small 通常是行内文本中的一小块,而不是包含多个段落或其他元素的大块文本。
<dl>
    <dt>单人间</dt>
    <dd>399 元 <small>含早餐,不含税</small></dd>
    <dt>双人间</dt>
    <dd>599 元 <small>含早餐,不含税</small></dd>
</dl>
效果演示:

small元素演示效果1

一些浏览器会将 small 包含的文本显示为小字号。不过,一定要在符合内容语义的情况下使用该元素,而不是为了减小字号而使用该元素。

示例2

第一个 small 元素表示简短的提示声明,第二个 small 元素表示包含在页面级 footer 里的版权声明,这是一种常见的用法。
<p>现在订购免费送货。<small>(仅限于五环以内)</small></p>
<footer role="contentinfo">
    <p><small>&copy; 2023 Baidu 使用美团前必读</small></p>
</footer>
演示效果:

small元素演示效果2

small 只适用于短语,因此不要用它标记长的法律声明,如“使用条款”和“隐私政策”页面。根据需要,应该用段落或其他语义标签标记这些内容。

提示:HTML5 支持 big 元素,用来定义大号字体。

<big> 标签包含的文字字体比周围的文字要大一号,如果文字已经是最大号字体,则 <big> 标签将不起任何作用。用户可以嵌套使用 <big> 标签逐步放大文本,每一个<big>标签都可以使字体大一号,直到上限7号文本。

推荐阅读