文書のメタデータを表すには?
headタグの書式
headタグに対応しているブラウザ
※Windows 7上で動作確認を行っています。
※ブラウザの設定より、異なる挙動をする場合があります。
headタグの属性一覧
headタグの解説
<head>は、文書に関する情報(メタデータ)を格納するための要素です。
<head>~</head>の中には、文書のタイトル、基準となるURL、外部スタイルシート、外部スクリプトなどを記述します。
<head>~</head>内の記述方法については、サンプルソース2を参照してください。
headタグのサンプルソース1
<!DOCTYPE html>
<html>
<head>
<title>天気予報</title>
</head>
<body>
<p>
今朝も日本各地で厳しい冷え込みとなりました。東京でも今年の最低気温を観測しました。
また、西日本では昨夜から今朝にかけて雪が降り、広い範囲で雪化粧しています。
各地の天気予報を見てみましょう。</p>
<section>
<h1>近畿</h1>
<p>近畿地方は北部の低気圧の影響で、北部を中心に雨や雪を降るところが多いでしょう。
また、明日にかけて中部や南部も断続的に雨や雪の降るところがある見込みです。</p>
</section>
<section>
<h1>関東・甲信</h1>
<p>東京地方では、現在曇りや晴れのところが多いです。甲信地方では雨や雪の降るところもあります。
明日は、今日よりも寒くなるでしょう。</p>
</section>
</body>
</html>
headタグのサンプル画面1
headタグのサンプルソース2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base href="http://winxppro001:8080/">
<title>C言語講座</title>
<link rel="stylesheet" href="sample/default.css">
<link rel="stylesheet" href="sample/color.css" title="color">
<script src="sample.js"></script>
<meta name="description" content="C言語講座">
</head>
<body>
<header>
<h1>C言語のサンプル</h1>
</header>
<section>
<h1>sample1</h1>
<pre><code>
#include <stdio.h>
main()
{
printf("Hello World!\n");
}
</code></pre>
</section>
<input type="button" value="実行結果を見る" onclick="sample()">
</body>
</html>
headタグのサンプル画面2
headタグの関連項目