要約

引用されたテキストとそのソースを識別することで、支援技術のユーザーは別のソースから引用された文章を区別できるようになります。

テクニック

例

例1 — シンプルなblockquote

この例では、引用文の後に引用元が続きません。

<p>She could just make out the
    spell ingredients on the faded
    parchment:</p>
<blockquote>
   <ul>
      <li>1 eye of newt</li>
      <li>4 toe of frog</li>
      …
   </ul>
</blockquote>
<p>Checking the spell pantry …</p>
例2 — 構造化されていない引用文と引用元

この例では、引用元が引用文の後に別の段落で続きます。

<blockquote>
   Towards thee I roll, thou all-destroying
   but unconquering whale; to the last I
   grapple with thee; from hell's heart I
   stab at thee; for hate's sake I spit
   my last breath at thee.
</blockquote>
<p>Ahab, <cite>Moby Dick</cite></p>
例3 — グループ化された引用文と引用元

この例では、figureタグを使用して、引用文とキャプションを関連付けます。キャプションは、figcaptionタグで表現します。

<figure>
   <blockquote>
      <p>This last bill was really frightful,
          being a higher number than had been
          known to have been buried in one week
          since the preceding visitation of
          1656.</p>
   </blockquote>
   <figcaption>
      Daniel Defoe,
      <cite>A Journal of the Plague Year</cite>,
      London, 1722.
   </figcaption>
</figure>
例4 — ソースへのリンクがあるblockquote

この例では、引用文の公式ソースへのリンクがcite属性で提供されています。

<blockquote
    cite="https://www.ontario.ca/laws/statute/90f31#BK80">
   <p>49.5 (1) The authority to collect personal 
      information under section 49.4 is subject 
      to the following restrictions:</p>
</blockquote>
例5 — 基本的なインライン引用文

この例では、引用文がテキストから分離されていないため、インラインq要素が使用されています。

<p>As Caesar is famed to have said:
   <q>Veni, Vidi, Vici</q> —
   I came, I saw, I conquered. … </p>

よくある質問

引用元をblockquoteタグ内に置くことはできますか？

HTML仕様では、エラーとなります。

引用の属性がある場合は、blockquote要素の外側に配置する必要があります。

引用元は引用文それ自体とは別です。例3のように、引用元とblockquoteを関連付けるためにfigureタグを使用できますが、これは必ずしも必要ではありません。

引用元がある場合、figureタグを使用する必要がありますか？

いいえ。追加のfigureタグ マークアップを使用するかどうかの選択は、コンテンツ製作者の裁量に委ねられます。たとえば、内部ワークフローの目的で引用文と引用元をグループ化すると便利な場合があります。 figureを使用する選択によって、支援技術ユーザーの体験は大幅に変わりません。

一部のサイトで、blockquoteに引用元のためのfooterを付けることができると記載されているのはなぜですか？

技術的には、blockquoteにfooterを含めることは有効ですが、blockquote内のfooter要素の意味は不明瞭です。HTML仕様によれば、footerは、最も近いセクション要素またはbody要素に適用されるため、blockquote内のfooterは、その要素を説明するものではありません。

この質問について、もう少し詳細に説明すると、しばらくHTMLの保守管理グループが2つありました。一方のグループは引用元にfooterを使用する慣行を有効としましたが、もう一方のグループではそうではありませんでした。今では、これを有効とした HTMLのバージョンは廃止されています。

講演者名や著者名を引用できますか？

HTML仕様では、これもエラーであるとされています。

cite要素は作品のタイトルを表します。… 人名は作品のタイトルではありません。… したがって、この要素は人名をマークアップするために使用してはなりません。
cite属性は何か効果がありますか?

現時点では、エンドユーザー向けには何もありません。リーディングシステムから属性内のURLは辿れません。

他の理由（引用元の内部参照など）で属性が必要な場合、あるいはスクリプトによる値の処理が必要な場合は、blockquoteとqタグの両方に付けられます。

解説

HTMLには引用文を識別するための二つのタグがあります。

blockquote

blockquote要素は、主要な文章からオフセットされた引用文のためのものです。視覚的にレンダリングされると、引用文は周囲の段落よりも左側に大きくインデントされて区別されます。引用文字は、要素内のコンテンツには追加されません。

q

q要素は、別の段落のテキスト内に組み込まれた引用文を識別するためのものです。視覚的にレンダリングされると、引用文字が自動的に追加されます。テキストの言語と、引用文が別の引用にネストされているかどうかに基づいて、使用される文字が変わります。

blockquoteとqタグを使用して別のソースから引用されたテキストを識別すると、支援技術のユーザーはこの重要な情報にアクセスできます。正しいセマンティック要素が使用されていない場合、ユーザーは引用文が読み上げられていることに気付かないかもしれません。たとえば、フィクション作品では、テキスト内で引用文が続くことを明確に示さずに、架空の引用文が散りばめられていることがあります。

引用文タグ、具体的にはインラインqタグは、通常の登場人物の会話をタグ付けするためには使用されません。これらのタグは、実在のものも架空のものも含め、他のソースからテキストを引用することを目的としています。

他のソースを引用する際の主な混乱点は、引用文テキストのタグ付けではなく、引用元の表現方法です。コンテンツ製作者の中には、引用元をblockquote内に含めたい人もいますが、HTML仕様によると、これは無効です。また、特定のソースがない場合（たとえば、フレーズが一般にその人に帰属する格言である場合）、引用文が掲載されている作品ではなく、引用文の著作者を引用したい人もいます。これもHTML仕様では無効であるとされています。

HTML仕様のルールの問題は、このルールを検証者が強制できないことです。手動で違反を見つけない限り、これらの慣行に従わない出版物にフラグを付けることはできません。これらの違反が支援技術のユーザーに影響を及ぼすかどうかも議論の余地があり、しばらくの間、W3CのHTML5仕様（現在は廃止）では、より柔軟な適用が認められていました。

いずれにしても、承認されたマークアップの慣例に従うことが常に最善です。ルールは現時点ではほとんど影響がありませんが、引用文と引用元、および作品と著作者を分離することは、将来的にメリットをもたらす可能性があります。

関連リンク