首页 > 编程笔记
HTML <small>标签的用法
HTML5 重新定义了 <small> 元素,由通用展示性元素变为更具体的、专门标识所谓“小字印刷体”的元素,通常表示细则一类的旁注。例如,免责声明、注意事项、法律限制、版权信息等,有时还可以表示署名、许可要求等。
两点注意:
一些浏览器会将 small 包含的文本显示为小字号。不过,一定要在符合内容语义的情况下使用该元素,而不是为了减小字号而使用该元素。
small 只适用于短语,因此不要用它标记长的法律声明,如“使用条款”和“隐私政策”页面。根据需要,应该用段落或其他语义标签标记这些内容。
提示:HTML5 支持 big 元素,用来定义大号字体。
<big> 标签包含的文字字体比周围的文字要大一号,如果文字已经是最大号字体,则 <big> 标签将不起任何作用。用户可以嵌套使用 <big> 标签逐步放大文本,每一个<big>标签都可以使字体大一号,直到上限7号文本。
两点注意:
- small 元素不允许被应用在页面主内容中,只允许被当作辅助信息以 inline 方式内嵌在页面上。
- small 元素也不意味着元素中内容的字体会变小,要将字体变小,需要配合使用 CSS 样式。
示例1
small 通常是行内文本中的一小块,而不是包含多个段落或其他元素的大块文本。<dl> <dt>单人间</dt> <dd>399 元 <small>含早餐,不含税</small></dd> <dt>双人间</dt> <dd>599 元 <small>含早餐,不含税</small></dd> </dl>效果演示:
一些浏览器会将 small 包含的文本显示为小字号。不过,一定要在符合内容语义的情况下使用该元素,而不是为了减小字号而使用该元素。
示例2
第一个 small 元素表示简短的提示声明,第二个 small 元素表示包含在页面级 footer 里的版权声明,这是一种常见的用法。<p>现在订购免费送货。<small>(仅限于五环以内)</small></p> <footer role="contentinfo"> <p><small>© 2023 Baidu 使用美团前必读</small></p> </footer>演示效果:
small 只适用于短语,因此不要用它标记长的法律声明,如“使用条款”和“隐私政策”页面。根据需要,应该用段落或其他语义标签标记这些内容。
提示:HTML5 支持 big 元素,用来定义大号字体。
<big> 标签包含的文字字体比周围的文字要大一号,如果文字已经是最大号字体,则 <big> 标签将不起任何作用。用户可以嵌套使用 <big> 标签逐步放大文本,每一个<big>标签都可以使字体大一号,直到上限7号文本。