1 Star 0 Fork 1

小弟调调 / html-tutorial

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
q.md 1.57 KB
一键复制 编辑 原始数据 按行查看 历史
小弟调调 提交于 2022-05-01 17:14 . doc: add tag document.

HTML <q> 标签

示例

标记一个简短的报价:

<p>世界自然基金会的目标是:
<q>建设一个人与自然和谐相处的未来。</q>
  我们希望他们成功。</p>

定义和用法

<q> 标签定义了一个短引号。

浏览器通常会在引号周围插入引号。

提示: 使用 <blockquote> 进行长引用。

浏览器支持

Element chrome edge firefox safari opera
<q> Yes Yes Yes Yes Yes

属性 Attributes

属性 描述
cite URL 指定报价的来源 URL

全局属性

<q> 标签支持 HTML 中的全局属性

事件属性

<q> 标签支持 HTML 中的事件属性

更多示例

使用 CSS 设置 <q> 元素的样式:

<html>
<head>
  <style>
    q {
      color: gray;
      font-style: italic;
    }
  </style>
</head>
<body>
  <p>世界自然基金会的目标是:
  <q>建设一个人与自然和谐相处的未来。</q>
   我们希望他们成功。</p>
</body>
</html>

默认 CSS 设置

大多数浏览器将显示具有以下默认值的 <q> 元素:

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/jaywcjlove/html-tutorial.git
git@gitee.com:jaywcjlove/html-tutorial.git
jaywcjlove
html-tutorial
html-tutorial
main

搜索帮助