<q>タグは、別の情報源から引用されたコンテンツを表す際に使用します。
その部分が引用であることを示すために、q要素の直前や直後に引用符や括弧などを付けないでください。 これらは、レンダリングの際にユーザーエージェントによって挿入されます。
引用ではない内容に引用符を付けるために、q要素を使用してはなりません。 例えば、皮肉な発言をマークアップするのに、q要素を使用することは不適切です。
引用を表す際にq要素を使うかどうかは、あくまでもオプションです。 q要素を使用せずに、引用符や句読点などで引用を表しても問題ありません。
引用元となる情報源のアドレスが存在する場合には、cite属性で指定できます。 cite属性の値には、有効なURLを指定します。
以下のサンプルは、q要素を使用した簡単な使用例です。
<p>
その人は、
<q>すべては可能であり、不可能というのは時間がかかるだけのことだ</q>
と言いましたが、私は彼に同意しませんでした。
</p>
その人は、
すべては可能であり、不可能というのは時間がかかるだけのことだ
と言いましたが、私は彼に同意しませんでした。
以下のサンプルでは、cite要素で引用元タイトルを示し、 q要素で引用コンテンツを示しています。
<p>
W3Cの<cite>About W3C</cite>のページでは、W3Cの使命は、
<q cite="https://www.w3.org/Consortium/">
ウェブの長期的な成長を保証するプロトコルとガイドラインを整備して、
World Wide Web の可能性を最大限に引き出す
</q>
ことにある、と述べています。
</p>
W3CのAbout W3Cのページでは、W3Cの使命は、
ウェブの長期的な成長を保証するプロトコルとガイドラインを整備して、
World Wide Web の可能性を最大限に引き出す
ことにある、と述べています。
以下のサンプルは、q要素が入れ子になっており、引用のなかに引用が含まれています。
<p>
<cite>例1</cite>には、
<q> その人は、
<q>すべては可能であり、不可能というのは時間がかかるだけのことだ</q>
と言いましたが、私は彼に同意しませんでした。
</q>
と書いてあります。
まあ、ボクはどちらとも言えませんね。
</p>
例1には、
その人は、
と書いてあります。
まあ、ボクはどちらとも言えませんね。
すべては可能であり、不可能というのは時間がかかるだけのことだ
と言いましたが、私は彼に同意しませんでした。
以下のサンプルは、q要素の代わりに引用符が使用されています。 q要素を使用せずに、引用符や句読点などで引用を表しても問題ありません。 引用符
<p>
彼の最良の議論は“私は同意しない”であり、私はこれはばかげていると思いました.
</p>
彼の最良の議論は“私は同意しない”であり、私はこれはばかげていると思いました.
以下のサンプルには、引用コンテンツは含まれていません。 言葉を明確にするために、括弧「」を使用しています。 このような括弧「」を付けることを目的に、q要素を使用することは不適切です。
<p>
むかしから言われる「情けは人のためならず」という言葉について、
その通りだなと実感することが増えました。
</p>
むかしから言われる「情けは人のためならず」という言葉について、 その通りだなと実感することが増えました。