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

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

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

【 tulaoshi.com - Web开发 】

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)
q cite="http://www.webjx.com/CSS/20080330/css_5013.html"这次的内容会让你更进一步的了解到关于段落里的细节/q

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

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

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

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

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

来源:https://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                  版权声明: ...
标签: Web开发
引言: 一群会用table蹩脚布局的网页初学者嘲笑着那些对网页制作一窍不通的门外汉;而一群自认为 table布局无所不能的table布局拥护者则嘲笑着那群用table蹩脚布局的网页初学者;那些刚试着将几个页面中的table换成div的所谓的 web标准设计者则嘲笑这那群死抱table布局不放的table布局设计者;而一群焦头烂额终于在网站上贴上W3C...
标签: Web开发
在较早之前的网页上,我们经常可以看到如下的网页结构代码: html head title这是一个网页/title meta name=”…” content=”…” / …… /head body …… /body /html 很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好的呈现出这个网页来,只要代码没出什么错误。这个其实就像是用Table布局的页面跟Div...

经验教程

283

收藏

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