用途相似的标签
作者:小毅 来源:蓝色理想 发布时间:2008-05-23 13:11:00
在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>。
那么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知识。一步步的深入,最终能让阅读者从表格布局自然过渡到标准势力中来。当然有朋友已经通过自学的方式完成了这一步,那么可以到我的“杂谈标准”一栏中与我交流。
猜你喜欢
- 内容摘要:本文介绍了asp使用正则表达式自动解析远程图片地址并下载保存的方法,值得收藏!一、使用正则表达式Regexp匹配取得原页中的图片的
- 默认情况下,IIS 使用端口 80 进行 HTTP 通信。如果除 IIS 以外的某个应用程序正在运行并在使用相同 IP 地址的端口 80,当
- SQL> show all --查看所有68个系统变量值 SQL> show user --显示当前连接用户 SQL> s
- 这是Smashing Magazine花费几个月的时间研究编写的2009 年Web设计风格与潮流,Smashing Magazine 的编辑
- 背景:pony是公司的首席体验官、首席产品经理。这次在产品峰会上pony将自己平时经验的积累与大家交流,体验较细。这次分享研发管理部,设计中
- 去空格函数有如下两种:·LTRIM()LTRIM() 函数把字符串头部(左)的空格去掉,其语法如下:LTRIM (<character
- 如下:counter.htm<a href=counter.asp?save=123&url=http://127.0.0
- 利用图标工具(有很多)制作图标文件(favicon.ico)上传到网站所在的服务器的根目录下,这个文件必须是16*16大小的图标文件。当然,
- 解决办法: 1.新建一个同名的数据库(数据文件与原来的要一致) 2.再停掉sql server(注意不要分离数据库) 3.用原数据库的数据文
- 上回 说到“大屏幕浏览页面的良好体验,本就应该用户自己调整窗口。”根据屏幕不同大小,缩小窗口出横向滚动条在所难免,但理想情况下,页面应该能适
- CSS样式和JavaScript脚本是应该放在外部文件中呢?还是把它们放在页面本身之内呢?如何处理是关于一些性能规则的思维,就这些问题,我们
- 经过漫长的等待,近日,微软终于发布了Silverlight 2正式版的发布不仅让微软有了更多和Flash叫板的机会,同时也将RIA(Rich
- 当然,每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗?开始用这5个Tips改进你的CSS吧!1.合理
- 以住做B/S的系统都是以IE浏览器为主,基本上忽略其他的浏览器,这次决定来个大兼容,但在实现背景渐变上就是个 * 烦。本想用图片来实现的,但要
- 淘宝的投诉类型里有这么一条“收款不发货”。帮助中心里是这么解释的:买、卖双方在淘宝上成交后,当卖家在收到买家汇款后没有按时履行发货义务,或买
- 今天一个同事报告一个问题,表都不能使用了,检查了一下,发现问题 db2 => select * from testACTNO ACTK
- 那里都有狭窄的空间:网页横幅、新闻标题处的空间、柱状的广告,但一张来自照相机的照片却要大很多,它们的比例一般是 6 × 4 英寸 。你如何处
- 即使页面上只有一个元素它也是一个矩形的盒模型。其大小、位置、行为都可以通过CSS来控制。这里的行为是指当盒模型内部以及周围的内容发生变化时的
- MS SQL基本语法及实例操作 一:建表并初始化 ============================ create database
- <!--#include file="config.asp" -->&nbs