HTML文本格式化

HTML可定义很多格式化输出地元素.比如:粗体字 斜体字 文本方向等.而这些格式化的标签可以从两个方面进行划分.

• 按标签功能可以分为:

1. 文本格式化标签
2. '计算机输出'标签
3. 引用和术语定义标签

• 按标签功能的实现可以分为:

1. 基于内容的样式标签
2. 基于物理 样式的标签

首先从标签功能实现上来看文本的格式化.

• 基于内容的样式标签

基于内容的样式会告诉浏览器它所包含的文本具有特殊的含义.上下文或用法.然后浏览器就会把与该含义.上下文或者用法一致的格式应用在文本上.

因为字体样式是通过语义来显示来制定的,因此浏览器可以为用户选择一种合适的现实样式.故使用基于内容的样式标签能够帮助作者确保自己的文档对广大

范围的读者来说都是有意义的.

基于内容的样式标签有以下几种:

• <abbr>表示一个缩写形式,比如"Inc." "etc.".通过对缩写词语标记,就能够为浏览器 拼写检查程序 翻译系统以及搜索引擎提供有用信息.其所包含的文本表示一个长的词语或短语的缩写.例如:<abbr title = “World Wide Web”>WWW</abbr>当鼠标移动到缩略词上时,title属性用来显示完整的词语.
• <acronym>定义只取首字母的缩写,例如UN(United Natiaons).其余和<abbr>标签类似,使用title属性显示完整的词语.
• <cite>通常表示它所包含的文本为对某个参考文献的引用,比如书籍或杂志的标题.其引用的文本将以斜体字出现.使用该标签把其他文档的文本分离出来,尤其是分离那些传统媒体的文档,例如报纸,期刊,杂志等.如果引用的是联机文档,可以在<cite>标签中使用<a>标签,用一个连接指向该联机文档.
• <code>用于表示计算机源代码或其它机器可以阅读的代码.。包含在该标签内的文本将用等宽、类似电传打字机样式的字体（Courier）显示出来.只应该在表示计算机程序源代码或者其他机器可以阅读的文本内容上使用 <code> 标签。如果只是希望使用等宽字体的效果可以使用<tt>标签.
• <dfn>标记那些对特殊术语或短语的定义.现在流行的浏览器通常用斜体来显示 <dfn> 中的文本.
• <em>告诉浏览器其所包含的文本为强调内容.对所有浏览器来说,其文本都显示为斜体.在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。虽然<em>包含的文本是斜体的,但是其右特殊的意义.故,如果只是想产生斜体字的效果可以使用<i>标签,不要滥用<em>标签.
• <kbd>表示要从键盘输入的文本,浏览器使用等宽字体显示该文本.例如.<p>输入<kbd>quit</kbd>退出</p>
• <strong>标签和<em>标签一样,表示对文本的强调.但是<strong>的语气更为强烈些.其文本显示粗黑体.如果常识告诉我们应该较少使用 <em> 标签的话，那么 <strong> 标签出现的次数应该更少。如果说用 <em> 标签修饰的文本好像是在大声呼喊，那么用 <strong> 标签修饰的文本就无异于尖叫了。沉默寡言的人说出的话总是一诺千金，与此相同，限制 <strong> 的使用可以令应该更加引人注意，而且更加有效。
• <var>表示变量名或者由用户提供的值.该标签通常和<code> <pre>一起使用用来显示计算机源代码.

基于内容的样式,就是使用不同的字体,格式来显示标签所包围的文本,都是有特殊的含义.如果仅仅是想产生不一样的文本显示效果,而没有这些特殊的含义,最好不要使用这些标签.例如:<strong>表示强调,其包含的文本显示为粗黑体.但是,如果仅仅是想产生粗黑体的文本就不要使用<strong>标签,可以使用<b>标签.

• 物理样式的标签.

基于内容的样式告诉浏览器,这些标签所代表了特殊的含义,依此能让浏览器更好的现实文本.在特殊的时候,也许需要文本以特殊的方式来显示,这就需要使用物理样式.9种基于物理的样式:粗体(bold)斜体<Italic)等宽(monospaced),下划线(underlined),删除线(strikethrough)放大(larger),缩小(smaller),上标(superscripted),下标(subscribed)

1. 粗体<b>
2. 大字体<big>
3. 斜体<i>
4. <s>删除,不常用了,可以使用<del>代替.
5. <small>小字体
6. <strike>下划线
7. <sub>上标
8. <sup>下标
9. <tt>等宽字体.

功能实现上的划分就到此了,再来看下从功能上的分类,由于有很多的标签和上面的标签重复,下面只详细的介绍上面没有的标签.

• 文本格式化标签.

标签	描述
<b>	定义粗字体
<big>	定义大号字体
<small>	定义小号字体
<em>	定义强调文字
<i>	定义斜字体
<strong>	定义较强烈的强调
<sub>	定义上标
<sup>	定义下标
<ins>	定义插入字.
<del>	定义删除
<s>	不赞成使用,del代替
<strike>	不赞成使用,del代替.

 

• 计算机输出标签

标签	描述
<code>	定义计算机代码。
<kbd>	定义键盘码。
<samp>	定义计算机代码样本。
<tt>	定义打字机代码。
<var>	定义变量。
<pre>	定义预格式文本。
<listing>	不赞成使用。使用 <pre> 代替。
<plaintext>	不赞成使用。使用 <pre> 代替。
<xmp>	不赞成使用。使用 <pre> 代替。

• 引用、引用和术语定义

标签	描述
<abbr>	定义缩写。
<acronym>	定义首字母缩写。
<address>	定义地址。
<bdo>	定义文字方向。
<blockquote>	定义长的引用。
<q>	定义短的引用语。
<cite>	定义引用、引证。
<dfn>	定义一个定义项目。