HTML sup 标签

🌙
手机阅读
本文目录结构
axihe

HTML <sup> 标签功能

<sup> 标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方,但是与当前文本流中文字的字体和字号都是一样的。

上标文本能用来添加脚注,比如 WWW1

内容分类流式内容和短语内容
允许的内容短语内容
标签省略不允许,开始标签和结束标签都不能省略。
允许的父元素可以包含短语内容的任意元素
允许的 ARIA 角色任意
DOM 接口HTMLElement

提示:请使用 <sub> 标签定义下标文本。

HTML <sup> 标签用法

上标文本:

<p>这个文本包含 <sup>上标</sup> 文本。</p>

HTML <sup> 标签演示

这个文本包含 上标 文本。

https://a.axihe.com/api/html/chrome_tknHOfw5Ud.png

浏览器支持

所有主流浏览器都支持 <sup> 标签。

HTML4 与 HTML5 之间的差异

无。

用法注解

这个元素应该只用于排版目的,也就是改变文本的位置会改变含义,例如在数学中(f4,也可以考虑使用 MathML 公式)或者在法语缩写中( Mlle,Mme 或者 Cie)。

这个元素不能用于样式上的目的,比如产品名称 LaTeX 的样式,这时应该使用 CSS 样式: vertical-align 属性的 super 值能实现相同效果。

全局属性

<sup> 标签支持 HTML 全局属性

事件属性

<sup> 标签支持 HTML 事件属性


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang