web标准知识——用途相似的标签
星期三, 06月 4th, 2008
在前面我已经讲过了strong与emde区别.除了strong与em之外还有一些相似de标签比如q、cite、blockquote.这三个都属于引用一类,但是这里还是有一些区别de,首先来一一解释.
<q></q>,qde作用是引用非块元素,也就是引用不能形成段落de内容,可能是某人说de一句话,也可能是一句文档摘录等,特点很明显这里是“一句”.并且q本身并不会产生段落.q本身并没有什么样式,一般浏览器也不会给他设置一个默认样式使起突出.但是我可以通过CSS去使之与一般内容区分开.在q标签中还有一个属性是非常重要de,那就是cite.在这个cite属性值中主要是注明引用内容de出自何处,或是给出在线de地址.
<q cite=”http://andymao.com/andy/post/92.html”>这次de内容会让您更进一步de了解到关于段落里de细节</q>
要特别注意不要把q写成p,这两个标签很容易弄错.
在上一篇中其实已经谈到了cite,在那篇文章中我写到“这个标签只表注出文献de标题与名称.这个标签有点类似于我书籍后面de参考文献de目录内容,也有点像是脚注.”那么他与q之间de区别是什么呢?其实很容易理解,q是显示内容,而cite则是显示说这段内容de人名或是书名.cite与q常常混合起来使用.比如:
<cite>鲁迅</cite>先生说:<q>地上本来没有路,走得人多了,便有了路</q>.
那么blockquote与他们有什么区别呢?blockquote是块引用,XHTML允许其包含任何标签.而上面deq与cite则没有这么大de包容度.blockquotede使用是当需要引用一段或是多段内容时所采用de,浏览器一般默认处理会把引用内容缩进一些以与正常de段落文章区分开.当然我可以通过CSS样式来改变区分de形式.
在blockquote中有一个cite属性,与q一样是用来注明引用来源de.可以把联机文档deURL注明在其中.
在XHTML标签中还有一个叫prede标签,这个标签在Dreamweaver中被称为“格式化”,在以前使用Dreamweaver de时候我一直不清楚这个东西是作什么用de.一直到现在才清楚pre通常用以显示源相关代码,并且不支持能使段落分开de标签比如<p>,显示内容如需换行只要在源文件中换行即可无需要相关代码实现.同时pre会保留注其中de所有空格并显示出来.
一般来讲pre目前是多用于显示源相关代码,这与codede用途是相似de,所不同de是pre是块级de,而code是内联de.简单说,pre可以包括多行内容,而code只包含短小de一句或几个字符.
这里讲述de并不能完全说清楚,这就需要在看完文档后动手操作尝试一下,自行去发现其中de特别之处.有朋友说希望看到有关于CSS方面de知识.这里我想传达我de编写意图.我希望一步步来,让一些还没从表格布局脱离出来de朋友可以先行使用一些并不会影响整体de形式切入进去.因为一涉及CSS就可能会有兼容性问题,所以这里先说文档,然后再加入一些不影响整体布局deCSS知识.一步步de深入,最终能让阅读者从表格布局自然过渡到标准势力中来.当然有朋友已经通过自学de方式完成了这一步,那么可以到我de“杂谈标准”一栏中与我交流.