![HTML5/CSS3/JavaScript技术大全](https://wfqqreader-1252317822.image.myqcloud.com/cover/181/33894181/b_33894181.jpg)
上QQ阅读APP看书,第一时间看更新
3.6 文本格式化
为了增加网页文字显示的多样性,HTML中提供多个标签和属性来格式化文字输出。这些标签大致可以分成物理样式标签和基于内容的样式标签。
所谓物理样式标签,就是对文字进行加粗、斜体等方式显示,和内容并无太大关系。HTML中提供了多种物理样式标签,如表3-4所示。
表3-4 物理样式标签
![47140-00-051-2.jpg](https://epubservercos.yuewen.com/697680/18124350008478606/epubprivate/OEBPS/Images/47140-00-051-2.jpg?sign=1738863302-XULIyRXBwkUK6K95jIpQnDJJqIqPHj36-0-131bcbda19e7e389e4e941b1bbd79f85)
所谓基于内容的样式标签,就是标签内的内容跟标签有比较大的关系。基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法,然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。表3-5列出了常用的基于内容的样式标签。
表3-5 基于内容的样式标签
![47140-00-051-3.jpg](https://epubservercos.yuewen.com/697680/18124350008478606/epubprivate/OEBPS/Images/47140-00-051-3.jpg?sign=1738863302-amZ3GS0YeF7y2H6P8sAxzMqhcCsmtTM6-0-92c1a036f60c0e553105a7a0740cda6c)
在使用标签的时候,尽量使用基于内容的样式标签,如<i>和<em>都表示斜体,但是<em>强调内容的重要性,而<i>只表示斜体。
表3-4和表3-5中列出的基本上为短标签(除了全局属性之外没有其他属性)。W3C推荐使用样式表(CSS)来格式化文字,而不通过短标签来实现。下面通过案例来学习以上这些格式化标签。