<blockquote cite=""></blockquote>

更新日
仕様 HTML Living Standard
分類 フロー・コンテンツ / パルパブル・コンテンツ
利用場所 フロー・コンテンツが置ける場所
内容 フロー・コンテンツ

blockquote要素cite="" を追加すると、引用元のURLを示すことができます。


<blockquote cite="https://www.example.com/">

引用部分を表します

</blockquote>

属性
任意属性
cite="" 引用元のURLを示す URL 引用元のURL

引用元の明示について

cite属性で指定されたURLは、一般的なブラウザでは特に活用されることはありません。(引用元へリンクしたり、URLを表示したりする機能は備わっていません)

  • 仕様書によると、この指定は主に読者のためではなく、プログラムによって統計を取る際などに使用することを想定しているようです。

そのため、読者に対して引用元を示したい場合は、別途、見える形で記載しておく必要があります。

次の例では、cite属性で引用元のURLを示しつつ、読者向けに見える形でURLを記載しています。

<blockquote cite="https://www.tagindex.com/">
<p>blockquote要素は、別の情報源からの引用部分を表します。</p>
<p>この要素は、段落単位で引用したい場合に使用します。</p>
</blockquote>

<p>引用元:https://www.tagindex.com/</p>

次の例では、引用元のURLにリンクしています。

<blockquote cite="https://www.tagindex.com/">
<p>blockquote要素は、別の情報源からの引用部分を表します。</p>
<p>この要素は、段落単位で引用したい場合に使用します。</p>
</blockquote>

<p>引用元:<a href="https://www.tagindex.com/"><cite>TAG index</cite></a></p>

しかし、通常はcite属性を指定せずに、次のように記載しておくだけで十分でしょう。

<blockquote>
<p>blockquote要素は、別の情報源からの引用部分を表します。</p>
<p>この要素は、段落単位で引用したい場合に使用します。</p>
</blockquote>

<p>引用元:https://www.tagindex.com/</p>
<blockquote>
<p>blockquote要素は、別の情報源からの引用部分を表します。</p>
<p>この要素は、段落単位で引用したい場合に使用します。</p>
</blockquote>

<p>引用元:<a href="https://www.tagindex.com/"><cite>TAG index</cite></a></p>
  • cite属性とcite要素が少しまぎらわしいのでご注意ください。cite属性が引用元のURLを示すのに対し、cite要素は作品のタイトルを表します。
旧HTMLからの変更点
  • HTML5:cite属性に指定できる値が、URIからURLに変更されました。そのため、ISBN(図書番号)は指定できなくなりました。

使用例


<p><a href="https://www.tagindex.com/html/group/blockquote.html"><cite>TAG index</cite></a>では以下のように説明されていました。</p>

<blockquote cite="https://www.tagindex.com/html/group/blockquote.html">

<p>blockquote要素は、別の情報源からの引用部分を表します。</p>

<p>この要素は、段落単位で引用したい場合に使用します。フレーズ単位で引用したい場合には、この要素ではなくq要素を使用します。</p>

</blockquote>

表示例

TAG indexでは以下のように説明されていました。

blockquote要素は、別の情報源からの引用部分を表します。

この要素は、段落単位で引用したい場合に使用します。フレーズ単位で引用したい場合には、この要素ではなくq要素を使用します。