HTML <q> 标签用法详解

作者:前端大神~ | 时间:2019-05-08

HTML <q> 标签在网页中有什么作用呢,本文针对HTML <q> 标签的用法做一个详细的说明。

定义和用法

<q> 标签定义一个短的,小段文字的引用

提示:

HTML标签之<q> <blockquote>都是两个标签都表示“引用”。

不同的是,q标签是行内元素,在内容的开始和结尾处会包有“”,而 blockquote是块级元素,默认带有左右40px的外间距,不带“”。
从语义上讲,前者引用的是小段文字,后者引用的是大段的内容块。

实例代码

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>我有答案(woyoudaan.cn)</title> 
</head>
<body>

<p>WWF's goal is to: 
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

</body>
</html>

显示效果

HTML <q> 标签用法详解

浏览器支持

所有主流浏览器都支持 <q> 标签。


以上就是HTML <q> 标签用法的详细说明了,希望通过上面的讲解,大家能掌握HTML <q> 标签的用法。