
上QQ阅读APP看书,第一时间看更新
3.6 文本格式化
为了增加网页文字显示的多样性,HTML中提供多个标签和属性来格式化文字输出。这些标签大致可以分成物理样式标签和基于内容的样式标签。
所谓物理样式标签,就是对文字进行加粗、斜体等方式显示,和内容并无太大关系。HTML中提供了多种物理样式标签,如表3-4所示。
表3-4 物理样式标签

所谓基于内容的样式标签,就是标签内的内容跟标签有比较大的关系。基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法,然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。表3-5列出了常用的基于内容的样式标签。
表3-5 基于内容的样式标签

在使用标签的时候,尽量使用基于内容的样式标签,如<i>和<em>都表示斜体,但是<em>强调内容的重要性,而<i>只表示斜体。
表3-4和表3-5中列出的基本上为短标签(除了全局属性之外没有其他属性)。W3C推荐使用样式表(CSS)来格式化文字,而不通过短标签来实现。下面通过案例来学习以上这些格式化标签。