html `cite` citationsのタグ

HTMLの<cite>タグは、本、記事、映画、テレビの作品などの引用ソースをマークして、セマンティックな明快さとプロ意識を向上させるために使用されます。 1。<cite>に適したコンテンツには、本のタイトル、記事のタイトル、映画やテレビのタイトル、スピーチまたはレポートのタイトルが含まれています。 2。名前またはURLは、<cite>コンテンツとして直接使用しないでください。名前は直接書き込むことができ、URLは<a>タグでラップできます。 3. <blockquote>、<q>、<footer>、およびその他のタグで構造的な規範性を向上させることができます。 4.スタイルはデフォルトで斜体になりますが、CSSを通じてカスタマイズできます。正しい例は次のとおりです。作品名に引用後の<cite>にラベルを付け、ネスト<a>リンクを追加して、セマンティクスと機能の統一を達成します。

Webコンテンツを作成する場合、他の人の言葉や特定のソースを引用する場合、ソースを正確に表現し、セマンティクスを明確に保ちたい場合は、HTML <cite></cite>タグが適切な選択です。作品、本、記事などの引用源をマークするために特別に使用されています。コンテンツのプロフェッショナリズムを改善するだけでなく、検索エンジンが引用したコンテンツをよりよく理解できるようにすることもできます。

<cite></cite>タグを使用して、引用のソースを示します

パッセージ、本のタイトル、映画のタイトル、またはページの記事のタイトルを引用するとき、 <cite></cite>を使用して最も適切な方法です。ブラウザは、デフォルトで<cite>として<cite></cite>のテキストを表示しますが、スタイルは焦点ではなく、セマンティクスです。

例えば：

 <BlockQuote>
  <p>「おなかがすいて、愚かなことをしてください。」</p>
</blockquote>
<Cite> Steve Jobs -Stanford Commencement Speech（2005）</cite>

これにより、構造が明確になるだけでなく、補助機器を容易にして、引用されているソース情報を特定します。

<cite>の配置に適したコンテンツは何ですか？

すべての引用が<cite>での使用に適しているわけではなく、このタグは次の状況により適しています。

• 本のタイトル：「<cite>リーンスタートアップ」
• 記事タイトル：<cite>リストに掲載されたこの記事を読む
• 映画とテレビの作品タイトル： <cite>Inceptionは非常に脳を燃やす映画です
• スピーチまたはレポートのタイトル：彼は<cite>テッドトークの人工知能の未来について話します

注：作品のタイトルの代わりに人の名前を引用している場合は、通常、 <cite>使用する必要はありません。名前を直接書くだけです。

他の参照要素でより標準化されたものを使用します

HTMLでは、 <cite>に加えて、参照構造をより完全にするために一緒に使用できるいくつかの関連タグがあります。例えば：

• <blockquote> ：大部分で他の人のコンテンツを引用するために使用されます
• <q> ：短い文のインラインの引用に使用されます
• <footer> ：引用情報が引用の下部にあることを示す<cite>で表示されることがあります

完全な例は次のとおりです。

 <BlockQuote>
  <p>「素晴らしい仕事をする唯一の方法は、あなたがしていることを愛することです。」</p>
  <Footer> <Cite> Steve Jobs </cite> </footer>
</blockquote>

この執筆は、セマンティック仕様に準拠するだけでなく、後期のCSSまたはJSを介したスタイルコントロールまたはデータ抽出を促進します。

メモと一般的な誤解

<cite>は非常に実用的ですが、いくつかの誤解があります。

• 著者の名前にラベルを付けるためにそれを使用しないでください： <cite> 、人の名前ではなく、作品の名前である必要があります。
• URLには適用されません：誰かがリンクを内部に置いているのを見ることもありますが、標準的な慣行は<a>でリンクを包むことです。
• 必要に応じてスタイルを調整できます。ブラウザはデフォルトで斜体になりますが、CSSを通じて好きなスタイルに変更できます。

たとえば、 <cite>にリンクを本当に含めたい場合は、次のように書くことができます。

 <Cite> <a href = "https://example.com">参照記事タイトル</a> </cite>

これはセマンティクスを保持するだけでなく、ジャンプ機能も実装します。

基本的にそれだけです。 <cite></cite>の合理的な使用により、HTMLコンテンツがより整理され、マシンが理解しやすく、ユーザーが識別しやすくすることができます。

以上がhtml `cite` citationsのタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。