HTML チュートリアル > HTML 上級知識 チュートリアル > ヘッダーに関するHTMLタグ

HTMLでのヘッダー情報に関連するタグの使い方の解説。

ヘッダーに関するHTMLタグ

スポンサード リンク

ヘッダーに関するHTMLタグのサンプル

HTMLドキュメントタイトルのサンプル
head要素内部のタイトル情報はブラウザには表示されないことをデモンストレーションします。

リンクターゲット一括設定のサンプル
すべてのリンクを新しいウィンドウで開くように設定するために<base>タグを使用する方法をデモンストレーションします。

head要素

head要素には、HTMLドキュメントに関してのメタ情報と呼ばれる一般的な情報を含んでいます。メタとは”情報について”ということを意味します。

メタデータはHTMLドキュメントのデータについての情報を意味し、メタ情報はHTMLドキュメントの情報を意味します。

head要素に情報を埋め込む

head要素内部の要素はブラウザに表示されません。

標準のHTMLによると、<base>、<link>、<meta>、<title>、<style>、<script>タグだけがhead要素内部で有効です。

以下に示すコードは、完全に文法違反になります。

<head>
<p>This is some text</p>
</head>

この場合、ブラウザは2つの選択を迫られます。

  • 段落要素の内部にあるテキストなので、ブラウザはテキストを表示します
  • head要素の内部にあるテキストなので、ブラウザはテキストを表示しません

このように、head要素の内部に<h1>や<p>のような明らかに文法違反のHTML要素を置いた場合、ほとんどのブラウザはそれを表示するでしょう。

ヘッダーに関するHTMLタグのサンプル集

タグ説明
<head>HTMLドキュメントの情報を定義します
<title>HTMLドキュメントのタイトルを定義します
<base>ドキュメントのベースになるURLやリンクの一括指定を定義します
<link>外部ファイルの参照を定義します
<meta>メタ情報を定義します
タグ説明
<!DOCTYPE>ドキュメントタイプを定義します。このタグは<html>タグの前に記述します
スポンサード リンク