控制文本 Mastering Text

作者：HTMLdog
发布时间：2006-12-04

现在br标签被使用过度，当本来应用p标签表示段落的时候。表示段落的时候应该使用p标签。同样的道理，有许多标签应该被用来定义可靠的文本元素，比如quotations引用语, abbreviations缩写和computer code计算机代码。

一定要注意，虽然浏览器可以多样实施这些标签，但一定要牢记不管每个元素看起来怎么样，一定要保证语意正确。

Abbreviations缩写和 acronyms只取首字母缩写

abbr用于缩写，acronym表示只取首字母的缩写

一个缩写词是个短语的缩写，非常一般，一个只取首写字母的缩写就是由一个短语的首个字母组成。所以CSS是个正确的只取首写字母的缩写，而HTML和XHTML不是（如果'Hypertext markup language' 取首写字母缩写就是'HML'同样的XHTML就是'EHML'）。

应用最适合的可用性，用title表现短语的缩写或只取首写字母的缩写。

  <p>This web site is about 
<abbr title="HyperText Markup Language">HTML</abbr> 
and <acronym title="Cascading Style Sheets">CSS</acronym>.</p>

因为一些莫名其妙的原因，IE浏览器不支持abbr标签，一个叫Marek Prokop的朋友使用javascript让它工作，clever Javascript workaround

关于两个的使用方法有很多争议。Lars Holst的文章里提到 the most detailed insight

Quotations引用语

blockquote,p和cite用于引用语。blockquote是块元素用于大的引用，q是行元素用于小的引用。cite同样是行元素，比q更有语意，将来可能取代q。

title属性可以用来表示引用来自哪里。

q标签通常不改变上面的文本外观，如果你想改变可以使用CSS。

  <p>So I asked Bob about quotations and he said <cite>
I know as much about quotations as I do about pigeon fancying
</cite>. Luckily, I found HTML Dog and it said...</p>    
<blockquote title="From HTML Dog, http://www.htmldog.com/"> 
 <p>blockquote, q and cite are used for quotations.
  blockquote is block-line and used for large or citations, 
 whereas q is in-line and used for smaller phrases. 
 cite is also in-line and preferable to q for its semantic nature 
 and possible future deprecation of q.</p>  
 </blockquote>

code 代码

有许多标签，code和var指定用来表示计算机代码。pre和 samp，它们同样主要应用在代码上。

code用于计算机代码。

var用于代码里面的变数说明。

  <code><var>ronankeatingisbland</var> = true;</code>

samp和code很相似，但它假定用于输出代码的例子。

pre是预先格式文本，在html标签里它与众不同，在它里面提供一个白色的禁区用于代码块显示。

<pre>  
<div id="intro">  	
<h1>Some heading</h1>  	
<p>Some paragraph paragraph thing thing thingy.</p>
</div>  
</pre>

Definition terms 定义术语

dfn是定义术语，用来高亮术语的第一个使用。像abbr和acronym，title属性用来描述术语。

  <p>Bob's 
<dfn title="Dog">canine</dfn> 
mother and <dfn title="Horse">equine</dfn> 
father sat him down and carefully explained that he was an 
<dfn title="A mutation that combines two or more sets
 of chromosomes from different species">
allopolyploid</dfn> 
organism.
</p>

addresses地址

address用于表示地址。

  <address>  
HMTL Dog House<br />  
HTML Street<br /> 
Dogsville<br /> 
HT16 3ML 
</address>

晦涩稀有的标签

有些标签值得注意，但很少使用由于它们自身特殊性。

bdo可以颠倒文本，可以用来展示从右到左的语言。需要属性dir属性值ltr（从左到右）或rtl（从右到左）。

<bdo dir="rtl">god lmth</bdo>

kbd用来显示用于需要打字的文本。

  <p>Now type <kbd>woo hoo</kbd></p>

ins和del分别用来展示编辑文本的插入和删除。它们有datetime属性（YYYYMMDD格式）和cite（一个链接用来说明插入删除的原因）。

ins元素通常显示下划线，del元素通常显示删除线。

  <p>This is some 
<del datetime="20030522">nonsense</del> 
<ins cite="http://www.htmldog.com">very informative stuff</ins> 
that I've written.</p>

表现元素

b,i,sub,big,small都是表现元素，通过它们的定义就知道当语意和表现分离就不应再使用。b定义粗体，没有任何语意，这些标签定义纯粹是为了视觉特性，那些可以用CSS替代的工作。正确的标签是有语意的比如strong和em表示短语元素。如果你想独自复制这些标签的式样，不使用任何没有语意的标签，你应该使用CSS加span标签。