HTML - sup 标签_HTML 菜鸟教程

HTML  标签定义应呈现为上标的内联内容。上标通常使用较小的文本以凸起的基线呈现。HTML 标签用于显示指数，例如“x³”和表示序数，例如“4^th”。

标签应仅用于印刷原因，即调整文本的位置以符合印刷规则或标准，而不是用于呈现或外观。

语法

<sup>.....</sup>

属性

标签支持 HTML 的全局属性和事件属性。

标签示例

下面的示例将说明sup标签的用法，在哪里，何时以及如何使用它来创建上标内容。

使用 标签创建上标元素

在下面的示例中，我们将创建一个 HTML 文档，并使用 标签以上标形式显示文本。

<!DOCTYPE html>
<html>
<body>
	 <h1>The sup tag</h1>
	 <p> This is normal para </p>
	 <p> this is <sup> superscript </sup> para </p>
</body>
</html>

使用 标签的指数元素

考虑以下示例，我们使用 标签来创建指数或数字的幂。两者都是上标文本的最常见用法。

<!DOCTYPE html>
<html>
<body>
	 <p> 
			One of the most common equations in all 
			of physics is <var>E</var>= <var>m</var> <var>c</var> <sup>2</sup>.
	 </p>
	 <p> 
			Formula of (a + b ) <sup>2</sup> = a <sup>2</sup> + b <sup>2</sup> + 2*a*b 
	 </p>
</body>
</html>

使用 标签的序号

下面是一个示例，我们将使用 标签来创建序数，例如英语中的“fourth”或西班牙语中的“Quinto”。

<!DOCTYPE html>
<html>
<body>
	 <p> 
			The ordinal number "fifth" can be abbreviated
			in various languages as follows
	 </p>
	 <ul>
			<li>English: 5 <sup>th</sup></li>
			<li>French: 5 <sup>ème</sup></li>
	 </ul>
</body>
</html>

支持的浏览器

浏览器
<sup>	Yes	Yes	Yes	Yes	Yes

<< HTML - sub 标签 HTML - template 标签 >>

HTML - sup 标签

语法

属性

<sup> 标签示例

使用 <sup> 标签创建上标元素

使用 <sup> 标签的指数元素

使用 <sup> 标签的序号

支持的浏览器