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

在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite、blockquote。这三个都属于引用一类,但是这里还是有一些区别的,首先来一一解释。
<q></q>,q的作用是引用非块元素,也就是引用不能形成段落的内容,可能是某人说的一句话,也可能是一句文档摘录等,特点很明显这里是“一句”。并且q本身并不会产生段落。q本身并没有什么样式,一般浏览器也不会给他设置一个默认样式使起突出。但是我们可以通过CSS去使之与一般内容区分开。在q标签中还有一个属性是非常重要的,那就是cite。在这个cite属性值中主要是注明引用内容的出自何处,或是给出在线的地址。
<q cite="http://www.asjcu.tw/CSS/20080330/css_5013.html">这次的内容会让你更进一步的了解到关于段落里的细节</q>
要特别注意不要把q写成p,这两个标签很容易弄错。
在上一篇中其实已经谈到了cite,在那篇文章中我写到“这个标签只表注出文献的标题与名称。这个标签有点类似于我们书籍后面的参考文献的目录内容,也有点像是脚注。”那么他与q之间的区别是什么呢?#31185;?#23454;很容易理解,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?#35805;?#21547;短小的一句或几个?#22336;?
这里讲述的并不能完全说清楚,这就需要在看完文档后动手操作尝试一下,自行去发?#21046;?#20013;的特别之处。有朋友说希望看到有关于CSS方面的知识。这里我想传达我的编写意图。我希望一?#35762;?#26469;,让一些还没从表格布局脱离出来的朋友可以先行使用一些并不会影响整体的形式切入进去。因为一涉及CSS就可能会有兼容性问题,所以这里?#20154;?#25991;档,然后再加入一些不影响整体布局的CSS知识。一?#35762;?#30340;深入,最终能让阅读者从表格布局自然过渡到标准势力中来。当然有朋友已经通过自学的方式完成了这一步,那么可以到我的“杂谈标准”一栏中与我交流。
最新资讯
特斯拉发布电动皮卡Cybertruck 起售价3.99万美元

特斯拉发布电动皮卡Cy

这个词是赛博朋克(cyberpunk)与卡车(truck)两个词的结合。
特斯拉电动皮卡正式发布 特斯拉电动皮卡长这样

特斯拉电动皮卡正式发

在推出ModelS、Model X、Model 3、Model Y及电动卡车
特斯拉电动皮卡今日发布 马斯克?#24179;?#25104;火星官方用车

特斯拉电动皮卡今日发

备受期待的特斯拉电动皮卡将在今日正式发布,一向热衷于
小罐茶杜国楹谈“科学创业?#20445;?#36873;择要顺势而为

小罐茶杜国楹谈“科学

第十二届创?#23548;?#24180;会暨产?#23548;?#36895;大会上,小罐茶?#35789;?#20154;、董
小鹏P7启动预售:价格区间27-37万元 续航超650公里

小鹏P7启动预售:价格区

小鹏汽?#24403;?#31034;,P7智能音乐座舱不是功能和配置的简单叠加
威马EX6 Plus正式上市 综合补贴后售价23.99万元

威马EX6 Plus正式上市

威马汽车旗下长续航智能5座SUV——威马EX6 Plus于广州
最新文章
针对class、id所做的CSS HACK

针对class、id所做的C

这是一篇关于CSS HACK的文章,这篇文章中提到的CSS HACK
WEB标准教程:P标签的应用

WEB标准教程:P标签的

从今天开始,我将全面的共享出我所能理解的所有WEB标准
Web前端开发的Firefox插件

Web前端开发的Firefox

一、Web DeveloperWeb Developer 可说是网页设计师最
详解CSS粘性定位 sticky

详解CSS粘性定位 stic

这篇文章主要介绍了CSS粘性定位 sticky 的相关知识,本
详解css透明度之rgba和opacity的区别及兼容

详解css透明度之rgba

对于设置透明度,我们有两个可以选的css3属性:rgba 和 op
轻松搞懂CSS浮动与清除浮动图文详解

轻松搞懂CSS浮动与清

本文通过图文并茂的形式给大家介绍了CSS浮动与清除浮
幸运蛋蛋pc开奖 篮彩胜分差 意甲小旋风国语全集 69捕鱼游戏中心 双色球关联选号技巧 体彩10元刮刮乐图片 彩票控新加坡快乐8 黑龙江十一选五结果 澳门赌场 贵州茅台股票价格 甘肃11选5开奖结果列表