html_HTML

html

html

Super script is an HTML tag used to express a different type of text like Mathematical equation, Exponent, Date Day, Footnote, etc. in an elegant way. Super Script uses <sup> tag for start and </sup> tag for end.

超级脚本是一个HTML标记,用于以优雅的方式表达不同类型的文本,例如数学方程式,指数,日期,脚注等。 超级脚本使用<sup>标记作为开始,使用</ sup>标记作为结束。

<sup>超级脚本标记语法 (<sup> Super Script Tag Syntax)

Super Script <sup> has very simple syntax where the text we want to change is put between super script start and end tags. We can provide some styling inside the super script tag or CSS externally.

超级脚本<sup>具有非常简单的语法,其中我们要更改的文本放在超级脚本的开始和结束标记之间。 我们可以在超级脚本标签或CSS外部提供一些样式。

OTHER <sup> TEXT </sup> OTHER
  • `OTHER` is the normal HTML were that will not be affected by super script

    OTHER是正常HTML,不会受到超级脚本的影响
  • `TEXT` is the text which will be changed with the super script.

    TEXT是将用超级脚本更改的文本。

何时使用<sup>超级脚本标签? (When To Use <sup> Super Script Tag?)

Super script can be a very useful tag which provides a lot of different uses while expressions different things. Here a list of most used cases about the Super Script.

超级脚本可以是一个非常有用的标签,它在表达不同的事物时提供了许多不同的用途。 这里是有关超级脚本的最常用案例的列表。

  • Alignment of specific text in a sentence.

    句子中特定文本的对齐方式。
  • Mathematical and Science equation expression.

    数学和科学方程表达式。
  • Exponent expression

    指数表达
  • Date Day elegant formatting

    日期日期优雅格式
<html>
<body>

<p>This text contains <sup>This is super</sup> text.</p>
<p>Poftut <sup>poftut.com</sup> text.</p>
<p>2<sup>3</sup> = 8</p>
<p>4<sup>th</sup> November</p>
<p>"I love poftut.com <sup>1</sup>"</p>

Footnote<br>
1.İsmail Baydan 2019

</body>
</html>
When To Use <sup> Super Script Tag?
Super Script Tag? 超级脚本标签?

更改<sup>超级脚本样式 (Change <sup> Super Script Style)

As a standard HTML tag, we can change the Super Script tag style in different ways. The most simple way is using the style attribute of the super script. We will use the style attribute of the <sup> tag.

作为标准HTML标签,我们可以通过不同的方式更改超级脚本标签的样式。 最简单的方法是使用超级脚本的style属性。 我们将使用<sup>标记的style属性。

<html>
<body>

<p>This text contains <sup style="background-color:yellow">This is super</sup> text.</p>
<p>2<sup style="color:red">3</sup> = 8</p>
<p>4<sup style="background-color:yellow">th</sup> November</p>
<p>"I love poftut.com <sup style="color:red">1</sup>"</p>

Footnote<br>
1.İsmail Baydan 2019

</body>
</html>
Change <sup> Super Script Style
Super Script Style 超级脚本样式

<sup> SuperScript的数学方程示例(Mathematical Equation Example with <sup> SuperScript)

We can use super script in order to express mathematical equations.

我们可以使用超级脚本来表达数学方程式。

<html>
<body>

<p> 2<sup>3</sup> = 8  </p>

<p> f<sup>3</sup>x </p>

<p> x<sup>3</sup>+2x<sup>3</sup> </p>

<p> f<sup>3</sup>(x)</p>


</body>
</html>
Mathematical Equation Example with SuperScript
Mathematical Equation Example with SuperScript
SuperScript的数学公式示例

<sup> SuperScript的日期日期示例(Date Day Example with <sup> SuperScript)

We can also express some date and time values with the super script. We will add some postfixes like th , th  etc. like below.

我们还可以使用超级脚本表达一些日期和时间值。 我们将添加一些后缀,如thth等,如下所示。

<html>
<body>

<p> 2<sup>nd</sup> Day</p>

<p> 5<sup>th</sup> Week</p>

<p> 7<sup>th</sup> Week</p>

<p> 8<sup>th</sup> Hour</p>

</body>
</html>
Date Day Example with SuperScript
Date Day Example with SuperScript
SuperScript的日期日期示例

<sup> SuperScript的脚注示例(Footnote Example with <sup> SuperScript)

Another use case for super script is in annotations or footnote. This can be very useful to add annotation, reference or footnote about some part of the text.

超级脚本的另一个用例是在注释或脚注中。 这对于添加文本的某些部分的注释,参考或脚注非常有用。

<html>
<body>

<p>The generall workforce consist of 23% of the white people.<sup>1</sup></p>


FOOTNOTE:
<p>1. The Analisys Of Work Force 2018.</p>

</body>
</html>
Footnote Example with SuperScript
Footnote Example with SuperScript
SuperScript脚注示例

翻译自: https://www.poftut.com/html-super-script-tag/

html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值