HTML <q>タグ

❮前へ完全なHTMLリファレンス次へ❯

例

短い引用をマークアップします。

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

以下の「自分で試してみてください」の例をもっと見てください。

定義と使用法

<q>タグは短い引用を定義します。

ブラウザは通常、引用符を引用符で囲みます。

ヒント：長い引用には <blockquote>を使用してください。

ブラウザのサポート

Element
<q>	Yes	Yes	Yes	Yes	Yes

属性

Attribute	Value	Description
cite	URL	Specifies the source URL of the quote

グローバル属性

この<q>タグは、HTMLのグローバル属性もサポートしています。

イベント属性

この<q>タグは、HTMLのイベント属性もサポートしています。

その他の例

例

CSSを使用して<q>要素のスタイルを設定します。

<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</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>

デフォルトのCSS設定

ほとんどのブラウザは<q>、次のデフォルト値で要素を表示します。

例

q {
display: inline;
}

q:before {
content: open-quote;
}

q:after {
content: close-quote;
}