トップページ  > HTML Living Standard  > <cite>

★HTML Living Standard リファレンス

<cite> …… 作品のタイトルを表す
Internet Explorer Microsoft Edge Google Chrome Safari Firefox Opera
広告

<cite>タグは、作品のタイトルを表す際に使用します。

例えば、本、論文、エッセイ、詩、楽譜、歌、台本、映画、テレビ番組、ゲーム、彫刻、絵画、演劇、 オペラ、ミュージカル、展示会、訴訟報告書、コンピュータプログラムなどのタイトルです。

詳細に引用している作品でも、単に言及されただけの作品でも、 作品のタイトルはcite要素でマークアップできます。

cite要素を適切に使うポイント

cite要素は、人の名前をマークアップするために使用してはなりません。 誰かの生き方がまるで作品のようであっても、人の名前は作品のタイトルではありません。

人の名前を何らかの要素でマークアップしたい場合、まず考えられるのはspan要素です。 有名人の名前など、そこに注目を集めたい場合には、b要素が適している場合もあります。

citation(参考にした資料が何かを挙げること)とquote(誰かの文章や言葉を引用すること)は同じではありません。 誰かの文章や言葉を引用していることを表す際には、cite要素ではなくq要素を使用します。

■使用例

以下のサンプルは、 cite要素の典型的な使用例です。

HTMLソース

<p>
お気に入りの本は、ピーター F. ハミルトンの<cite>The Reality Dysfunction</cite>です。
お気に入りのコミックは、ステファン パスティスの<cite>Pearls Before Swine</cite>です。
お気に入りのトラックは、Cannonball Adderley Sextet の<cite>Jive Samba</cite>です。
</p>
↓↓↓

ブラウザ上の表示

お気に入りの本は、ピーター F. ハミルトンのThe Reality Dysfunctionです。 お気に入りのコミックは、ステファン パスティスのPearls Before Swineです。 お気に入りのトラックは、Cannonball Adderley Sextet のJive Sambaです。

■使用例

以下のサンプルは、正しい使い方と誤った使い方の比較です。 誤った使い方の例は、cite要素に作品のタイトルより多くの内容が含まれている点が正しくありません。

HTMLソース(正しい使い方)

<p>
ウィキペディアの記事<cite>HTML</cite>によると、
2008年2月中旬の時点で、属性値を引用符で囲まないのは安全ではありません。
これは、簡略化のし過ぎと言えます。
</p>

HTMLソース(誤った使い方)

<!-- 以下は誤った使い方の例です。このサンプルをコピーしないでください。 -->
<p>
<cite>ウィキペディアの記事HTML</cite>によると、
2008年2月中旬の時点で、属性値を引用符で囲まないのは安全ではありません。
これは、簡略化のし過ぎと言えます。
</p>

■使用例

以下のサンプルは、参考文献を示す場合の使用例です。 参考文献に関する情報のなかでも、タイトルのみをcite要素に指定します。

HTMLソース

<p>
<cite>世界人権宣言</cite>、国連、1948 年 12 月。
総会決議 217 A (III) で採択。
</p>
↓↓↓

ブラウザ上の表示

世界人権宣言、国連、1948 年 12 月。 総会決議 217 A (III) で採択。

■使用例

以下のサンプルは、cite要素の誤った使い方と、それを修正した書き方の例です。 誤った使い方の例は、cite要素を引用符として使用したり、cite要素で人の名前をマークアップしている点が正しくありません。

HTMLソース

<!-- [誤った使い方] cite要素を引用符として使用するのは誤りです。 -->
<p><cite>これは間違っています!</cite>、と私は言った。</p>

<!-- [誤った使い方] cite要素で人の名前をマークアップするのは誤りです。 -->
<p><q>これも間違っています!</q>、と<cite>イアン</cite>は言った。</p>

<!-- [修正した書き方] 正しい使用法では、人の名前にcite要素を使用しません。 -->
<p><q>誤りを修正しました</q>、とイアンは言った。</p>

<!-- [場合によりけりですが] b要素で名前をマークアップすると見やすくなるかもしれません。 -->
<p>ついに<b>イアン</b>は<q>これは誤りではない</q>と言いました。</p>
↓↓↓

ブラウザ上の表示

これは間違っています!、と私は言った。

これも間違っています!、とイアンは言った。

誤りを修正しました、とイアンは言った。

ついにイアンこれは誤りではないと言いました。

広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ