Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<cite>

<cite> は HTML の要素で、引用された創作物のタイトルをマークアップするために使用します。この参照は、引用メタデータに関する利用場面に合わせた慣習に応じて省略形が用いられることがあります。

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<cite>
1
12
1
≤4
18
≤3.2
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<p>My favorite book is <cite>*Run, Melos</cite>!*.</p>
<blockquote>
  <p>I Am a Cat.</p>
  <footer>— <cite>I Am a Cat</cite>Natsume Sōseki</footer>
</blockquote>

ライブデモ

writetaitl

Cite element in write or work. taitl quote.

プレビュー全画面表示

quotetext and source

Blockquote within cite usesource explicit.

プレビュー全画面表示

workoverview

image / sound etcvarious make. taitl to cite usage.

プレビュー全画面表示

実務での使いどころ

  • <cite> の活用

    <cite> は HTML の要素で、引用された創作物のタイトルをマークアップするために使用します。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク