作品のタイトルを表すciteタグの使い方【HTML】

最終更新日:

公開日:2024-07-11

記事内に広告が含まれています。
作品のタイトルを表すciteタグの使い方【HTML】

citeタグはcitation(引用・参照)の略となり、本、映像、曲などの作品のタイトルを表します。
blockquoteタグやqタグは文章自体の引用を示しますが、このciteタグは作品のタイトル示す為に使用されます。

citeタグの使い方と注意点

citeタグのみで使用するというよりかは、blockquoteタグとの併用になる場合が多いかと思います。
以下ではblockquoteタグとciteタグの併用での使用例となります。

<blockquote>
  <p>吾輩は猫である。名前はまだない。</p>
</blockquote>
<p>
  <cite>「吾輩は猫である」</cite> 夏目漱石 著 より引用
</p>

citeタグは作品のタイトルを表すタグとなりますので、引用文など関係のない文言を含めてはいけません
また、citeタグはインライン要素となり、IEなど一部のブラウザではイタリック体で表示されます。

さいごに

HTML5から使用用途が変更になっていますので、間違えないようにしてください。
あまり多く使われてはいないですが、使用する際は正しく記述するように理解しておきたいですね。

おすすめ記事

当ブログ運営者 ヒデ

北海道札幌市在住のフリーランスでWeb制作を行っているヒデです。Webコーディング(HTML・CSS・JSなど)やWordpressのカスタマイズ等のテクニック、困った時に確認できる分かりやすい解説を目標にして情報を発信していければと思っています。

当サイトに関するご意見・ご感想・ご要望または仕事のご依頼は以下のフォームよりお願い致します。

お問い合わせ お仕事のご依頼
PAGE TOP