Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】q要素の使い方

q要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

qオブジェクトは、HTML文書内で短い引用文を表現するために使用されるオブジェクトです。この要素はインラインレベルで動作し、文中に現れる短いフレーズや数語程度の引用をマークアップする際に適しています。

ブラウザは通常、q要素で囲まれた内容に対して、自動的に適切な引用符(例えば、二重引用符「" "」や日本語の鉤括弧「『 』」など)を付加して表示します。これにより、引用文が周囲のテキストから視覚的に区別され、コンテンツの可読性が向上します。

主に、文章の一部として埋め込まれる短い引用に適しており、段落全体や複数の段落にわたるような長い引用文には、代わりにblockquote要素を使用することが推奨されます。q要素にはcite属性を指定でき、この属性には引用元のリソース(多くの場合URL)を記述することで、引用情報の出所を明確にすることができます。

この要素を使用することで、単に引用符をテキストで入力するだけでなく、文書構造の中で引用であることを意味的に正しく表現し、アクセシビリティとセマンティクスを向上させることが可能です。

公式リファレンス: <q>: The Inline Quotation element

構文(syntax)

1<p>
2  ジョン・レノンの有名な言葉に
3  <q>人生は、きみがほかの計画を立てるのに忙しい間に起こるものだ</q>
4  というものがあります。
5</p>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ