cite要素
cite要素(citation)は出典元や引用元など他のリソース(情報資源)の参照を明示します。出典元や引用元のリソースはウェブ上のものだけを示すのに限らず、書籍や論文など紙媒体の書籍名・著者名・出版元などを示す場合にも使われます。視覚環境のUAにおけるデフォルトの表示は要素内のテキストをイタリック体(斜体)で表示します。
- バージョン
- HTML4.01(S,T,F)
- XHTML1.0(S,T,F)
- XHTML1.1
- 要素分類
- インライン要素
- 開始タグ
- 必須
- 終了タグ
- 必須
- 非推奨
- -
- 内包可能
- インライン要素
- テキスト
引用を示す要素と組み合わせる場合
引用を示す場合は、ブロック要素を含む・含まないに応じてblockquote要素、またはq要素を用いることになります。blockquoteやq要素では、cite属性で引用元のURI(リソースの所在や名前)と、title属性で引用元の説明情報を示すことになっているのですが、主要な視覚環境のUAにおいてはcite属性、title属性で示された情報が視覚的に表され、それをハイパーリンク等で利用できるようにはなっていません。
そこでcite要素で出典元や引用元を視覚的に表すために引用を示す要素と組み合わせて使用する場合は、出典元・引用元は引用文ではないため、cite要素の内容は飽くまでもblockquote要素やq要素内に含めることなく、くわえて引用自体のブロックとして関連付けられるようなマークアップを施すことができればベターかと思われます。そのようなニュアンスを伝えられるマークアップの一例を示します。
<p class="quote"><cite>HTML 4.01 Specification</cite>にはcite要素について
<q cite="http://www.w3.org/TR/html401/struct/text.html#h-9.2.1" title="9.2.1 Phrase elements">
Contains a citation or a reference to other sources
</q>と説明があります。</p>
<dl class="quote">
<dt><cite>2004年7月27日、Barack Obama氏の民主党全国大会 基調演説</cite>より抜粋</dt>
<dd>
<blockquote title="2004年7月27日、Barack Obama氏の民主党全国大会 基調演説">
<p>I say to them tonight, there's not a liberal America and a conservative America.</p>
<p>There's the United States of America.</p>
<p>There's not a black America and white America and Latino America and Asian America.</p>
<p>There's the United States of America.</p>
</blockquote>
</dd>
</dl>
また、blockquote要素においては上記のサンプルのような示し方をスクリプトを通して実現できる、blockquote要素単体から引用元を視覚化するスクリプトも公開していますので、参考にしてみてください。