HTML入門 | HTMLの開始 | HTML基本構造

Tags:

HTML基本構造

次はHTML文書の基本的な構造を示す図である。

HTML基本構造

<!DOCTYPE>: 現在の文書がHTML文書タイプであることを明示する。HTML5の文書タイプは<!DOCTYPE html>である。

<html>: HTML文書のルート要素を定義する。

<head>: HTML文書のメタデータを定義する。

  • メタデータとはHTML文書に関する情報、つまりdataであり、Webブラウザには直接表示されない情報を意味する。
  • このようなメタデータは、<title>、<style>、<meta>、<link>、<script>、<base>タグなどを利用して表現できる。

<title>: HTML文書のタイトルを定義し、次のような用途で使用される。

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

<body>: Webブラウザを通して見えるcontent部分である。

<h1>~<h6>: 見出しを表す。

<p>: 段落を表す。

の種類

HTML 5

HTML 5バージョンである。

 <!DOCTYPE html>

HTML 4.01 Strict

このDTDはすべてのHTML要素と属性を含んでいるが、表現用または使用されない要素は含まれていない。フォントなどである。フレームセットは許可されない。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional（推奨）

このDTDは表現用および使用されない要素を含め、すべてのHTML要素と属性を含んでいる。フォントなどである。フレームセットは許可されない。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

このDTDはHTML 4.01 Transitionalと同等だが、フレームコンテンツの使用を許可する。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

このDTDはすべてのHTML要素と属性を含んでいるが、表現用または使用されない要素は含まれていない。フォントなどである。フレームセットは許可されない。 タグは正しく構成されたXMLとして書く必要もある。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional（推奨）

このDTDは表現用および使用されない要素を含め、すべてのHTML要素と属性を含んでいる。フォントなどである。フレームセットは許可されない。 タグは正しく構成されたXMLとして書く必要もある。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

このDTDはXHTML 1.0 Transitionalと同じだが、フレームコンテンツの使用を許可する。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

このDTDはXHTML 1.0 Strictと同じだが、モジュールを追加できる。たとえば東アジア言語のルビサポートを提供するためである。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">