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

HTMLのheadタグでドキュメント情報を含める方法

headタグとは

ドキュメントに関する情報をHTMLに含めるには、<head>タグを使用します。HTMLの<head>タグは、HTMLドキュメントのヘッドセクション(head部)を示すためのもので、ページそのものに関するメタ情報を記述する領域です。

重要なポイントとして、headタグ内に記述された内容はブラウザのウィンドウ上には表示されません。ただし、headタグの中で指定した<title>のテキストは、ブラウザのタブ部分に表示されます。

headタグ内には、主に以下のような要素を配置します。

  • ページのタイトル(<title>)
  • 文字コードや説明文などの指定(<meta>)
  • 外部スタイルシートやスクリプトの読み込み(<link>、<script>)

使用例

以下のコードを実行すると、HTMLドキュメントにドキュメント情報を含める方法を実際に確認できます。

<!DOCTYPE html>
<html>
    <head>
        <title>HTML head Tag</title>
    </head>
    <body>
        This is demo text.
    </body>
</html>

まとめ

この例では、headタグ内に<title>タグを配置し、「HTML head Tag」というドキュメントのタイトルを設定しています。このように、headタグを使うことで、ユーザーの目には直接見えない形で、検索エンジンやブラウザに対してページの情報を適切に伝えることができます。

  1. HTMLのheadタグとは？主な要素と使い方をわかりやすく解説

    HTMLの<head>タグとはHTMLの<head>タグは、<title>、<style>、<base>、<link>、<meta>、<script>、<noscript>といった要素を格納するためのコンテナとして機能します。<head>内の内容はブラウザ上に直接表示されませんが、文書のタイトルやメタ情報、スタイル、スクリプトの読み込みなど、ページ全体の動作を制御する重要な役割を担っています。なお、HTML5では<head>要素を省略してHTML文書を記述すること

  2. HTMLリンク（ハイパーリンク）の基本！aタグの構文とtarget属性の使い方を解説

    HTMLのリンク（ハイパーリンク）とは、クリックすると別のドキュメントへジャンプできる要素のことです。Webページ同士をつなぐ役割を担っており、HTMLにおいて最も重要な機能の一つといえます。基本構文HTMLリンクは、<a>タグを使って以下のように記述します。<a href=URL target=値>リンクテキスト</a>href属性には、リンク先のアドレス（URL）を指定します。ローカルファイルへのパスでも、外部サイトのURLでも指定可能です。また、target属性は、リンク先のドキュメントをどこに開くかを指定する属性で、以下の4つの値を設定できます。値説