900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > HTML/HTML5文本格式化标签:通过标签来美化文本外观

HTML/HTML5文本格式化标签:通过标签来美化文本外观

时间:2020-01-23 17:40:31

相关推荐

HTML/HTML5文本格式化标签:通过标签来美化文本外观

1.b和strong行级标签不识别宽高不会独占一行:都有字体加粗作用,但是strong还有强调作用(强调主要用于SEO-搜索引擎优化,便于提取关键字)

<b>加粗</b><strong>加粗且强调</strong>

2.i和em行级标签不识别宽高:使文字倾斜,em具有强调作用。如果只是简单倾斜用i标签即可,比如添加图标等

<i>倾斜</i><em>倾斜且强调</em>

3.pre是块级标签独占一行并且识别宽高:预格式化文本,会保留编辑文档中的换行符和空格及宽度(一般不使用)文字字号显示小一号

<pre>pre:预格式化文本,会保留换行符和空格及宽度(一般不使用)文字字号显示小一号</pre>

4.small和big行级标签不识别宽高:分别让文字缩小一号和变大一号。big在HTML5中淘汰掉了,但没有删除

在开发中尽量不要使用淘汰过的标签,浏览器支持的最小字号是12px,如果想显示比12px还小的字,需要另外处理

<small>我是小一号文字</small><p>我是正常文字</p><big>我是大一号文字</big>

5.sub和sup:设置文本为下标和上标,sub是下标,sup是上标,用来调整文字显示基线,并且自动缩小一号

<p>正常:X1 + X2 = Y</p><p>下标:X<sub>1</sub> + X<sub>2</sub> = Y</p><p>上标:X<sup>1</sup> + X<sup>2</sup> = Y</p>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。