em i strong q cite code pre 标签

em是强调

strong 表强调
cite是引用i是斜体 italic

b bold 粗体 

虽然样子上，b和strong，i 和em是一样的，但是b和i只表示字体的样子，并不代表强调的作用，而em和strong表示强调。

<em>表示内容的着重点（stress emphasis），<strong>表示内容的重要性（strong importance）<strong>不会改变所在句子的语意，em 则会改变所在句子的语义。
 
code表示段的一句或几个单词的代码。而pre则表示大段代码，换行直接被显示为换行。

在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite 

在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite、blockquote。这三个都属于引用一类，但是这里还是有一些区别的，首先来一一解释。 
<q></q>，q的作用是引用非块元素，也就是引用不能形成段落的内容，可能是某人说的一句话，也可能是一句文档摘录等，特点很明显这里是“一句”。并且q本身并不会产生段落。q本身并没有什么样式，一般浏览器也不会给他设置一个默认样式使起突出。但是我们可以通过CSS去使之与一般内容区分开。在q标签中还有一个属性是非常重要的，那就是cite。在这个cite属性值中主要是注明引用内容的出自何处，或是给出在线的地址。 
<q cite="http://andymao.com/andy/post/92.html">这次的内容会让你更进一步的了解到关于段落里的细节</q>
要特别注意不要把q写成p，这两个标签很容易弄错。 
在上一篇中其实已经谈到了cite，在那篇文章中我写到 “这个标签只表注出文献的标题与名称。这个标签有点类似于我们书籍后面的参考文献的目录内容，也有点像是脚注。” 那么他与q之间的区别是什么呢？其实很容易理解，q是显示内容，而cite则是显示说这段内容的人名或是书名。cite与q常常混合起来使用。比如： 
<cite>鲁迅</cite>先生说：<q>地上本来没有路，走得人多了，便有了路</q>。观看本站更多的html标记内容。
那么blockquote与他们有什么区别呢？blockquote是块引用，XHTML允许其包含任何标签。而上面的q与cite则没有这么大的包容度。blockquote的使用是当需要引用一段或是多段内容时所采用的，浏览器一般默认处理会把引用内容缩进一些以与正常的段落文章区分开。当然我们可以通过CSS样式来改变区分的形式。 
在blockquote中有一个cite属性，与q一样是用来注明引用来源的。可以把联机文档的URL注明在其中。 
在XHTML标签中还有一个叫pre的标签，这个标签在Dreamweaver中被称为“格式化”，在以前使用Dreamweaver 的时候我一直不清楚这个东西是作什么用的。一直到现在才清楚pre通常用以显示源代码，并且 不支持能使段落分开的标签 比如<p>，显示内容如需换行只要在源文件中换行即可无需要代码实现。同时pre会保留注其中的所有空格并显示出来。