コーススケジュール

HTMLのhead要素

<head> 要素は、すべての head 要素のコンテナです。 <head> 内の要素にはスクリプトを含めたり、ブラウザにスタイルシートの検索場所を指示したり、メタ情報を提供したりできます。

ヘッドセクションには、<title>、<base>、<link>、<meta>、<script>、<style> のタグを追加できます。

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

title 要素は、すべての HTML/XHTML ドキュメントで必須です。

title 要素では次のことができます。

簡略化された HTML ドキュメント:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

要素

<base> タグは、ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを指定します。

<head>
<base href="http://w3cstudy.cc/images/" />
<base target="_blank" />
</head>

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

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

スタイル要素内でブラウザで HTML 要素をレンダリングする方法を指定できます。

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

メタデータはデータに関する情報です。

タグは、HTML ドキュメントに関するメタデータを提供します。メタデータはページには表示されませんが、機械で読み取り可能です。

通常、meta 要素は、ページの説明、キーワード、ドキュメントの作成者、最終変更時刻、その他のメタデータを指定するために使用されます。

タグは常に head 要素内に配置されます。

メタデータは、ブラウザ (コンテンツの表示方法またはページのリロード方法)、検索エンジン (キーワード)、またはその他の Web サービスで使用できます。

一部の検索エンジンは、meta 要素の name 属性と content 属性を使用してページのインデックスを作成します。

次のメタ要素はページの説明を定義します:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

次のメタ要素は、ページのキーワードを定義します。

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

name 属性と content 属性の目的は、ページのコンテンツを説明することです。

script 要素については後の章で説明します。

<head>	はドキュメントに関する情報を定義します。
<title>	はドキュメントのタイトルを定義します。
<base>	は、ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを定義します。
<link>	は、ドキュメントと外部リソースの間の関係を定義します。
<meta>	は、HTML ドキュメントに関するメタデータを定義します。
<script>	クライアントスクリプトを定義します。
<style>	はドキュメントのスタイル情報を定義します。