q:before,q:after{content:'';}有什么用?

html-css011

q:before,q:after{content:'';}有什么用?,第1张

q:before,q:after{content:''}

就是引用,在<q></q>标签之间的文字两头加上引号(")

如代码:<q>替代文字替代文字替代文字替代文字</q>

效果为:"替代文字替代文字替代文字替代文字"

定义和用法

<q>标签定义短的引用。

浏览器经常在引用的内容周围添加引号。

实例

标记短的引用:

<q>Here is a short quotation here is a short quotation</q>

效果:“Here is a short quotation here is a short quotation”

<q>与 <blockquote>的区别

<q>标签在本质上与 <blockquote>是一样的。不同之处在于它们的显示和应用。<q>标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 <blockquote>标签。

提示和注释:

提示:根据 HTML 4.01 规范,q 元素应当使用分界引号来呈现,就是说,q 元素包含的文本必须以引号来开始和结束。Mozilla 浏览器 (Firefox) 以及 Opera 符合这个规定,但是 Internet Explorer 却不支持此规定。结果,如果要使用 <q>标签,而且用自己的引号来满足 Internet Explorer,那么就要在符合标准的浏览器使用两组引号。尽管如此,我们还是推荐使用 <q>标签,这不仅仅因为我们喜欢标准,还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。

语义化网页结构有助于搜索引擎的收录。同一个效果可以用很多钟方式实现,但这只方便了浏览者,而搜索引擎不知道这里到底是什么内容,这里如果你使用<q>标签,那么就告诉浏览器这里是引用的话。而且在手持设备或移动设备不能很好支持css的基础上,浏览器会使用默认的效果,因而提供较好可读性。