メタ情報や外部アセットの読み込みを記述する領域のhead要素
<head>……</head>

 head要素内には、コンテンツの情報リソースに意味(セマンティック)を持たせるためのメタデータを記述したり、検索エンジンのクローリングを制御したりすることができます。

 また、外部スタイルシートファイルや外部JavaScriptファイルをリンクさせる場合も、head要素内に記述します。

<html>
<head>
<title>bodyタグのサンプル</title>
</head>
<body>
……
</body>
</html>

DOMでの参照方法

 IE 5以降とW3C DOMをサポートしているWebブラウザでは、下記のIDを使った参照方法とタグ名を使った参照が使えます。

[window.]document.getElementById("【ID属性値名】") [window.]document.getElementsByTagName("head")[0]

※注意

 IE 4では、IDを使った参照方法が動作しないので、代わりにdocument.all.tags[]を使って参照します。

オプション属性

属性 機能 入力例 DOM参照
profile URIを示す
文字列
メタデータ
プロファイルの
所在となるURI
を指定
<head profile="http://www.example.com/tag">……</body>
[window.]document.getElementById("【ID属性値名】").profile
[window.]document.getElementsByTagName("head")[0].profile
[window.]document.firstChild.firsit.firstChild.profile

有限会社タグパンダ
喜安 亮介

4/10

 INDEX
Web標準HTMLタグリファレンス(1)
文書構造を表現するXHTMLタグの正しいマークアップの仕方 文書構造
  html HTMLタグのすべての先祖となるhtml要素
  body ブラウザに表示される部分の始まりと終わりを表すbody要素
head メタ情報や外部アセットの読み込みを記述する領域のhead要素
  meta メタ情報を表すmeta要素
  title ドキュメント(ページ)のタイトルを表すtitle要素
  h1〜h6 ドキュメント(ページ)の見出しを表現するh1〜h6要素
  span span要素はインライン要素にて構造化を表現するための要素
  div div要素はブロックレベル要素にて構造化を表現するための要素
  address コンタクト先を記述するaddress要素



HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)
- PR -

注目のテーマ

デザインハック 記事ランキング

本日 月間
ソリューションFLASH