HTML 5 <sub> 和 <sup> 标签

  • sub=subString：子串，子链。即儿子辈的，也就是下标
  • sup=superString：这个很明显，是上标的意思。

实例：

    <p>这段文本包含 <sub>下标</sub></p>
    <p>这段文本包含 <sup>上标</sup></p>

样式：

sub&sup.png

具体应用举例1：方程式

<div>  
x<sub>1</sub>+y<sub>2</sub><sup>3</sup>=15  
</div>

例1结果：

例1.png

具体应用举例2：价格修饰

<style type="text/css">  
<!--  
body { font:12px/1.8 Tahoma}  
span.price { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; color:red;}  
span.price sub { vertical-align:baseline; font-size:12px;}  
span.price sup { vertical-align:text-bottom; color:#555}  
-->  
</style>  
<body>  
<span class="price"><sup>￥</sup>43.<sub>26</sub></span>  
</body>

例2结果：

例2.png

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容