WEB标准教程:功能相似的标签的用法

2016-02-19 23:15 7 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享WEB标准教程:功能相似的标签的用法,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

q/q,q的作用是引用非块元素,也就是引用不能形成段落的内容,可能是某人说的一句话,也可能是一句文档摘录等,特点很明显这里是一句。并且q本身并不会产生段落。q本身并没有什么样式,一般浏览器也不会给他设置一个默认样式使起突出。但是我们可以通过CSS去使之与一般内容区分开。在q标签中还有一个属性是非常重要的,那就是cite。在这个cite属性值中主要是注明引用内容的出自何处,或是给出在线的地址。

q cite="http://www.webjx.com/CSS/20080330/css_5013.html"这次的内容会让你更进一步的了解到关于段落里的细节/q

要特别注意不要把q写成p,这两个标签很容易弄错。

在上一篇中其实已经谈到了cite,在那篇文章中我写到这个标签只表注出文献的标题与名称。这个标签有点类似于我们书籍后面的参考文献的目录内容,也有点像是脚注。那么他与q之间的区别是什么呢?其实很容易理解,q是显示内容,而cite则是显示说这段内容的人名或是书名。cite与q常常混合起来使用。比如:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

 那么blockquote与他们有什么区别呢?blockquote是块引用,XHTML允许其包含任何标签。而上面的q与cite则没有这么大的包容度。blockquote的使用是当需要引用一段或是多段内容时所采用的,浏览器一般默认处理会把引用内容缩进一些以与正常的段落文章区分开。当然我们可以通过CSS样式来改变区分的形式。

在blockquote中有一个cite属性,与q一样是用来注明引用

来源:http://www.tulaoshi.com/n/20160219/1629517.html

延伸阅读
标签: Web开发
CSS网页布局中不推荐使用的HTML标签,请尽量不要使用这些HTML标签。 Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been (or will be) deprecated; they should not be used. Don't Use These Tags Presentational  b  ...
标签: Web开发
在最开始学习web标准的时候有这么一条: 把所有和&特殊符号用编码表示 : 任何小于号(),不是标签的一部分,都必须被编码为& l t ; 任何大于号(),不是标签的一部分,都必须被编码为& g t ; 任何与号(&),不是实体的一部分的,都必须被编码为& a m p; 注:以上字符之间无空格。 而在我们平时的工作中经常...
标签: PHP
  <?php /******************************************************* 作者: 吴振亨 (Biz)--phpscript E-mail:wuzhenheng@china.com web: http://phpscript.osh.com.cn 文件名:AdRotator.class.php3                  版权声明: ...
标签: 手游
身材相同,技能异同 战争古树和知识古树,作为同一物种——古树,他们一起服务于德鲁伊,而且他们还同样拥有着7/5/5的身材,但是技能却有所异,前者是加5生命力并具有嘲讽,后者则只是恢复5点生命值,这样看起来也学觉得知识不如战争,但是抉择里,知识的抽2张牌却高过于战争的加5点攻击。因此对于德鲁伊来说,这两张牌,都是土豪德必不...
标签: Web开发
在较早之前的网页上,我们经常可以看到如下的网页结构代码: html head title这是一个网页/title meta name=”…” content=”…” / …… /head body …… /body /html 很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好的呈现出这个网页来,只要代码没出什么错误。这个其实就像是用Table布局的页面跟Div...

经验教程

552

收藏

18
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部