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

有1点fan

有1点fan

2016-02-19 23:15

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

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

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

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

(本文来源于图老师网站,更多请访问http://m.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样式来改变区分的形式。

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

展开更多 50%)
分享

猜你喜欢

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

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

html基础系列教程Ⅲ:用途相似的标签

Html CSS布局 Div+CSS XHTML
html基础系列教程Ⅲ:用途相似的标签

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

WEB标准教程:功能丰富的段落P标签

Web开发
WEB标准教程:功能丰富的段落P标签

WEB标准教程:P标签的应用

Web开发
WEB标准教程:P标签的应用

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

WEB标准教程:链接和文本标签的应用

Web开发
WEB标准教程:链接和文本标签的应用

html教程:WEB标准教程:链接和文本标签的应用

Web开发
html教程:WEB标准教程:链接和文本标签的应用

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Vista远程桌面连接的方法

Vista远程桌面连接的方法

解决全部网页木马的技巧

解决全部网页木马的技巧
下拉加载更多内容 ↓