
上QQ阅读APP看书,第一时间看更新
3.1 格式化元素
HTML的格式化元素包括字体样式元素、短语元素。
3.1.1 字体样式元素
字体样式元素可以使文本内容在浏览器中呈现特定的文字效果。但是,这些文本格式化元素仅能实现简单的、基本的文本格式化。在HTML5中,建议使用CSS样式来实现更加丰富的文本格式化效果。对于简单地更改字体样式,文本格式化元素也会经常用到。字体样式元素中全是成对出现的标签,而且不使用属性。常用的字体样式元素见表3-1。
表3-1 字体样式元素

【例3-1】字体样式元素示例。本例文件3-1.html在浏览器中的显示效果如图3-1所示。


图3-1 字体样式元素示例

14 格式化元素

3.1.2 短语元素
HTML还提供了一些拥有明确语义的元素,用以标注特殊用途的文本,这类特殊的文本格式化元素都会呈现特殊的样式。在文本中加入强调也需要有技巧。如果强调太多,有些重要的短语就会被漏掉;如果强调太少,就无法真正突出重要的部分。这与调味品一样,最好是适量使用。就像其他与计算机编程和文档相关的标签一样,语义标签不只是让用户更容易理解和浏览文档,将来某些自动系统还可以利用这些恰当的标签,从文档中提取信息以及有用参数。提供给浏览器的语义信息越多,浏览器就可以越好地把这些信息展示给用户。如果只是为了达到某种视觉效果而使用这些标签,则不建议使用,而应该使用CSS样式。常用的特殊语义短语元素见表3-2。
表3-2 常用的特殊语义短语元素

【例3-2】短语元素示例。本例文件3-2.html在浏览器中的显示效果如图3-2所示。


图3-2 短语元素示例