作用:通过标签来美化文本外观。
1.<b>和<strong>标签:都可对文本进行加粗,且都是行级标签,<strong>还有强调作用。
注:强调主要用于SEO(搜索引擎优化)时,便于提取对应关键字。
2.<i>和<em>标签:都可使文本倾斜,且都是行级标签,<em>有强调作用。
如果只是简单倾斜,用<i>标签即可,如添加图标等。
3.<pre>标签:预格式化文本(使用较少),块级标签,保留换行和空格及宽度,字号小一号。
4.<small>和<big>标签:行级标签,分别让文字缩小一号和放大一号。
注:big在HTML5中淘汰了,但没有删除,仍可以用,但在开发中尽量不要使用。
浏览器支持最小字号为12号字,如需更小的,需处理。
5.<sub>和<sup>标签:定义文字下标和上标(用来调整文本正常显示的基线,自动小一号)。
6.<del>和<ins>标签:定义删除的文本和定义插入的文本,行级标签。
代码:
<b>加粗</b>
<strong>加粗且强调</strong>
<i>倾斜</i>
<em>倾斜且强调</em>
<pre>预格式化文本
(使用较少),
块级标签,
保留换行和空格及宽度</pre>
<p>正常文字</p>
<small>小一号文字</small>
<big>大一号文字</big>
<p>正常显示:X1+X2=Y</p>
<p>下标:X<sub>1</sub>+X<sub>2</sub>=Y</p>
<p>上标:X<sup>2</sup>+Y<sup>2</sup>=Z</p>
<p>原价:<del>1999</del></p>
<p>现价:<ins>999</ins></p>效果:

版权声明:本文为wzqybz原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。