HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで引用を指定するには？タグの使い方を解説

HTMLで引用を指定するには、<cite>タグを使用します。<cite>タグは、書籍や論文、記事などの作品のタイトルを表すために使われる要素です。ブラウザ上では通常、イタリック体（斜体）で表示されます。

以下のコードを実行して、<cite>タグを使った引用の追加を実際に試してみましょう。

サンプルコード

<!DOCTYPE html>
<html>
   <head>
      <title>HTML cite Tag</title>
   </head>
   <body>
      <p>学習内容は <cite>Data Structures
      &amp; Algorithms in Java</cite> を参考にできます。<p>
   </body>
</html>

ポイント

<cite>タグは、出典元の「作品名」を示すためのものであり、人名や短い引用文そのものをマークアップする用途には適していません。セマンティックなHTMLを書くうえで、参考文献や資料のタイトルを明示したい場合に活用するとよいでしょう。

  1. HTMLのq要素におけるcite属性の使い方を徹底解説

    <q>要素のcite属性とは <q>要素のcite属性は、引用文の出典（ソース）となるURLを設定するために使用します。ここで指定した出典情報はWebページ上には表示されませんが、スクリーンリーダーなどの支援技術を利用しているユーザーにとって有益な情報となります。 それでは、<q>要素のcite属性を実際に実装した例を見ていきましょう。 コード例 <!DOCTYPE html> <html> <body> <h2>私たちの目標</h2> <p>PETAによると、 <q ci

  2. HTMLのciteタグとは？作品タイトルをマークアップする方法と実装例

    citeタグとは？HTMLの<cite>タグは、創作物のタイトルを明示するために使用される要素です。対象となるのは、映画のタイトル、楽曲名、絵画の題名、書籍名など多岐にわたります。多くのブラウザでは、このタグで囲んだテキストはデフォルトで斜体（イタリック体）として表示されます。それでは、citeタグの具体的な実装例を見ていきましょう。実装例：書籍のタイトルを表示する次のサンプルコードは、JavaとAngularJSに関するおすすめ書籍のタイトルを、citeタグでマークアップしたものです。<!DOCTYPE html> <html> <body>