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

html-css010

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的基础上，浏览器会使用默认的效果，因而提供较好可读性。