作用相似html标记:strong与em、q、cite、blockquote

所属分类: HTML/Xhtml / 网页制作 阅读数: 1060
收藏 0 赞 0 分享

在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会保留注其中的所有空格并显示出来。
一般来讲pre目前是多用于显示源代码,这与code的用途是相似的,所不同的是pre是块级的,而code是内联的。简单说,pre可以包括多行内容,而code只包含短小的一句或几个字符。
这里讲述的并不能完全说清楚,这就需要在看完文档后动手操作尝试一下,自行去发现其中的特别之处。有朋友说希望看到有关于CSS方面的知识。这里我想传达我的编写意图。我希望一步步来,让一些还没从表格布局脱离出来的朋友可以先行使用一些并不会影响整体的形式切入进去。因为一涉及CSS就可能会有兼容性问题,所以这里先说文档,然后再加入一些不影响整体布局的CSS知识。一步步的深入,最终能让阅读者从表格布局自然过渡到标准势力中来。当然有朋友已经通过自学的方式完成了这一步,那么可以到我的“杂谈标准”一栏中与我交流。
更多精彩内容其他人还在看

浅析响应式框架中,table表头自动换行的快速解决方法

最近在用bootstrap开发网站,在处理一张table的时候发现,通过PC端查看样式正常,在手机上查看时,因为屏幕小,表格被压缩的厉害,表头和数据变形如下图后来网上找了一下,发现一个好用的CSS属性,加上就可以解决该问题   在此记录一下。以上这篇浅析响应式... 查看详情
收藏 0 赞 0 分享

几个老式播放器的嵌入代码

我们在网页上看到的播放器无外乎WMP/RealPlayer/Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。例如:网络上最流行的windows media流(asf,wma... 查看详情
收藏 0 赞 0 分享

深度剖析HTML的语意和与其相关的前端框架

关于语义语义研究的是标志与符号之间的关系,以及它们所代表的意义。在语言学中,它主要是研究这些标志(如单词,短语,或者声音)在语言中的意义。而在前端开发领域,语义主要涉及的是HTML元素、属性和属性值(包括像Microdata这样的扩展)所约定的意义。这些在规范中常用的正式约定语义... 查看详情
收藏 0 赞 0 分享

HTML表格布局实际使用详解

什么时候会用到表格现在,表格<table>一般不再用于网页整体的布局。不过,在面对某些特定的设计,如表单输入、数据呈现时,表格则可能是最恰当的选择。关于表格的直观印象,就是由多个单元格(cell)整齐排列而成的元素,可以明确看出行(row)和列(column)。这可以... 查看详情
收藏 0 赞 0 分享

详解HTML编程的标记与文档结构

    用HTML标记内容的目的是为了赋予网页语义(semantic)。换句话说,就是要给你的网页内容赋予某些用户代理(user agent)能够理解的含义。    HTML 规定了一组标签,用来给内容打上不同的标记。每... 查看详情
收藏 0 赞 0 分享

详解HTML的<input> 标签及其禁用方法

定义和用法<input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。HTML 与 XHTML 之间的差异在 HTML 中,<input> 标签没有结束标... 查看详情
收藏 0 赞 0 分享

HTML中rel属性分析

由于发现有同学在微博转播和收藏这篇文章,所以回头来再审视下这篇随性翻译的文章,后来发现w3cschools.com.cn已经有了对照的中文译文,所以这里我就继续完善下这篇文章吧,让它显得更有价值点。最初想到翻译这篇文档源于http://vanessa.b3log.org/rese... 查看详情
收藏 0 赞 0 分享

详解HTML的style标签以及相关的CSS引用

 HTML style 标签style 标签 -- 在文档中声明样式时使用此标签style标签是成对出现的,以<style>开始,以</style>结束属性media -- 媒体类型,type -- 包含内容的类型,一般使用type="... 查看详情
收藏 0 赞 0 分享

HTML与XHTML、以及HTML4与HTML5标签之间的区别简介

HTML与XHTML区别1、XHTML元素必须被正确地嵌套2、XHTML 元素必须被关闭,空标签也必须被关闭。如<br/>3、XHTML 元素必须小写4、XHTML 文档必须拥有一个根元素5、XHTML属性名称必须小写,属性值必须加引号,属性不能简写。如:<in... 查看详情
收藏 0 赞 0 分享

Nofollow标签的写法以及nofollow使用介绍

“nofollow” 标签是Google、Yahoo和微软公司前几年一起提出的一个标签,链接加上这个标签后就不会被计算权值,搜索引擎支持nofollow属性,在很大程度上抑制博客或论坛的垃圾留言。对站长来说是一件大好事。 nofollow是HTM... 查看详情
收藏 0 赞 0 分享
查看更多