当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 掌握常用的用于网页中引用内容的HTML标记

HTML/XHTML教程
CSS和HTML与前端技术层图示
关于超链接的一些问题
网页设计制作之改进超级链接效果
HTML 5 预览
HTML是WEB标准开发的中心基础
HTML5的结构和语义(3):语义性的块级元素
被遗忘掉的button标签
CSS标准:vertical-align属性
网页表格分割线去除方法
网页表格表框制作技巧
HTML教程:定义列表
HTML5: Web 标准最巨大的飞跃
ul列表标记设计网页多列布局
HTML其实就是学习几个重要标记的应用
链接A的语义、写法和最佳实践
HTML网页的段落排版和换行
HTML网页各种字体格式的细节修饰
网页HTML代码:滚动文字的制作
HTML代码实例:详细讲解超级链接
html标签:sub标记和sup标记

HTML/XHTML教程 中的 掌握常用的用于网页中引用内容的HTML标记


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 102 ::
收藏到网摘: n/a


                         长的引使用blockquote,短的引号使用q,参考文献引用使用cite。在实践中,通常只用到blockquote和q。             
根据的HTML规范,有三个元素,用于引用内容,即<blockquote> <q> <cite>。现实中,对这些标签的使用还是比较少,因此,当你真正应用的时候,应该使用什么标签?你必须对它们的语义了如指掌。
<blockquote>
blockquote是内容的引用。内容必须包括块级元素,如标题,列表,段落或div标签。这个元素也可以有一个可选属性cite指定的位置(以URI的形式出现)例如:
<blockquote cite="http://www.ruanchen.com/'s.</p>
<p>cite can be used to specify the location (in the form of a URI) where the quote has come from.</p>
</blockquote>
<q>
<q> 标签可定义一个短的引用。<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。
Bob said <q>sexy pyjamas</q> but Chris said <q>a kimono</q>
虽然<q>几乎从未使用过,它有一些有用的属性。例如,您可以通过的CSS为<q>指定的外观引号符号 。这是允许的
Q {}
Q {quotes: '»' '«' }
Q {quotes: '„' '“'}
看起来似乎不错,不过IE全系列都不支持,即使是最新的IE8也是。巨囧~~
<cite>
使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。例如:
<p>And <cite>Bob</cite> said <q>No, I think it's a banana</q>.</p>
总结:
长的引使用<blockquote>,短的引号使用<q>,参考文献引用使用<cite>。在实践中,通常只用到<blockquote>和<q>。