HTML <head>

オンライン例を表示

<title> タグを使用してHTMLドキュメントのタイトルを定義します

<base> を使用して、ページ内のすべてのリンクのデフォルトのリンク先アドレスを定義します。

<meta> 要素を使用して、HTMLドキュメントの説明、キーワード、著者、文字セットなどを記述します。

HTML <head> 要素

<head> 要素には、すべてのヘッダータグ要素が含まれます。<head> 要素内にスクリプト（scripts）、スタイルシート（CSS）、およびさまざまなメタ情報を挿入できます。

ヘッダー領域に追加できる要素タグは、<title>、<style>、<meta>、<link>、<script>、<noscript>、<base> です。

HTML <title> 要素

<title> タグはドキュメントのタイトルを定義します。

<title> は HTML/XHTML ドキュメントで必須です。

<title> 要素:

• ブラウザのツールバーに表示されるタイトルを定義します
• Webページをお気に入りに追加したときに、お気に入りに表示されるタイトルを定義します
• 検索エンジンの結果ページに表示されるタイトルを定義します

シンプルなHTMLドキュメント:

HTML <base> 要素

<base> タグは、基本的なリンクアドレス/リンク先を記述します。このタグは、HTMLドキュメント内のすべてのリンクタグのデフォルトリンクとして機能します。

HTML <link> 要素

<link> タグは、ドキュメントと外部リソースとの関係を定義します。

<link> タグは通常、スタイルシートへのリンクに使用されます:

HTML <style> 要素

<style> タグは、HTMLドキュメントのスタイルファイル参照先を定義します。

<style> 要素内で直接スタイルを追加してHTMLドキュメントをレンダリングすることもできます:

HTML <meta> 要素

meta タグは、いくつかの基本的なメタデータを記述します。

<meta> タグはメタデータを提供します。メタデータはページに表示されませんが、ブラウザーによって解析されます。

META 要素は通常、Webページの説明、キーワード、ファイルの最終更新日時、著者、およびその他のメタデータを指定するために使用されます。

メタデータは、ブラウザ（コンテンツの表示方法やページの再読み込み方法）、検索エンジン（キーワード）、またはその他のWebサービスで使用できます。

<meta> は通常 <head> 領域に配置されます。

<meta> タグ - 使用例

検索エンジン用のキーワードを定義する:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Webページの説明内容を定義する:

<meta name="description" content="免费 Web & 编程 教程">

Webページの著者を定義する:

<meta name="author" content="サンプル">

30秒ごとに現在のページを更新する:

<meta http-equiv="refresh" content="30">

HTML <script> 要素

<script> タグは、JavaScript などのスクリプトファイルを読み込むために使用されます。

<script> 要素については、後の章で詳しく説明します。

HTML head 要素