HTML - <q> 标签

HTML <q> 标签用于定义简短的引用。它表示包含的文本是简短的内联引用，浏览器默认情况下会在引用周围加上引号。此标签适用于不需要段落换行的简短引用。

语法

<q>.....</q>

属性

HTML q 标签支持 HTML 的全局和事件属性。还有一个特定的属性，如下所示。

HTML q 标签属性

属性	值	描述
cite	URL	保存指定引文来源的 URL。

HTML q 标签示例

在以下示例中，我们将看到使用案例，在哪里以及如何使用 HTML q 标签来引用任何简短文本。

指定简短引用

在以下示例中，让我们看看 <q> 标签在 HTML 文档中的用法。

<!DOCTYPE html>
<html>
<body>
   <p>
      When Dave asks HAL to open the pod bay door, 
      HAL answers: <q cite=
"https://www.imdb.com/title/tt0062622/quotes/qt0396921">
      I'm sorry, Dave. 
      I'm afraid I can't do that. 
   </q>
   </p>
</body>
</html>

设置简短引用的样式

考虑以下示例，我们正在使用 <q> 标签，并使用 CSS 属性设置 q 标签内容的样式。

<!DOCTYPE html>
<html>
<head>
   <style>
      q {
         color: green;
         font-style: italic;
      }

      p {
         color: green;
         font-size: 30px;
      }
   </style>
</head>
<body>
   <h1>HTML q Tag</h1>
   <p>
      tutorialspoint: <q>Easy to learn!
   </q>
   </p>
</body>
</html>

指定引用的文本来源

让我们看看下面的示例，我们演示了 <q> 标签及其属性，并使用 CSS 属性设置 <q> 标签内容的样式。

<!DOCTYPE html>
<html>
<head>
   <style>
      q {
         color: green;
         font-style: italic;
      }
   </style>
</head>
<body>
   <h1>The q tag</h1>
   <p>
      <q cite="https://tutorialspoint.com">tutorialspoint: Easy to learn!</q>
      A EdTech organization which provides the 
      6000+ course and CSE tutorials and courses!
   </p>
</body>
</html>

对于长引用，请使用<blockquote> 标签。

支持的浏览器

标签
q	是	是	是	是	是

html_tags_reference.htm

打印页面