◆ はじめに
以下は、HTML 4.01の概説リファレンスです。各社の独自要素も少し説明しています。
説明項目は以下の通りです。
- 呼名
- 要素概説
- 属性概説
- 要素宣言(DTD 文書型定義)
- 要素分類(インライン要素 or ブロックレベル要素)
- その他
- サンプル
尚、ストリクト以外の要素、物理マークアップ系の要素、各社の独自要素は、だたの箇条書きになっています。
あと、前知識として、「ストリクトなHTMLの基礎講座」を全読することをお薦めします。
また、以下のインライン/ブロックレベル要素の区別は、構造&見栄えを決める上で大切なので常に意識しましょう。
(これ、知っているとなにかと便利、マークアップする時も、スタイルシートする時も...。)
要素分類
- インライン要素
- 文書内の行の一部として利用される要素。
- ブロックレベル要素
- ブロックで表される要素(見出し、段落、リスト、フォーム等)。
◆ 目次(HTML 4.01のみ)
| 種別 | 用途 | 要素名 | 開始タグ | 終了タグ | 要素分類 | 内容モデル |
|---|---|---|---|---|---|---|
| 基本構造 | 文書最上位要素 | html | 省略可 | 省略可 | 最上位要素 | (HEAD, BODY) |
| 文書ヘッダ | head | 省略可 | 省略可 | HTML の子要素 | (TITLE & BASE?) +(SCRIPT | STYLE | META | LINK | OBJECT) | |
| 文書本体 | body | 省略可 | 省略可 | HTML の子要素 | (block | SCRIPT)+ +(INS | DEL) | |
| 文書タイトル | title | 必須 | 必須 | HEAD の子要素 | (#PCDATA) -(SCRIPT | STYLE | META | LINK | OBJECT) | |
| メタ情報 | meta | 必須 | 禁止 | HEAD の子要素 | EMPTY | |
| 著者情報 | address | 必須 | 必須 | block | (inline)* | |
| 汎用ブロックレベル要素 | div | 必須 | 必須 | block | (flow)* | |
| 汎用インライン要素 | span | 必須 | 必須 | inline | (inline)* | |
| テキスト | 見出しレベル1〜6 | h1〜h6 | 必須 | 必須 | block | (inline)* |
| 段落 | p | 必須 | 省略可 | block | (inline)* | |
| 強制改行 | br | 必須 | 禁止 | inline | EMPTY | |
| 短い引用(インライン) | q | 必須 | 必須 | inline | (inline)* | |
| 長い引用(ブロックレベル) | blockquote | 必須 | 必須 | block | (block | SCRIPT)* | |
| 出典・参照先 | cite | 必須 | 必須 | inline | (inline)* | |
| 強調 | em | 必須 | 必須 | inline | (inline)* | |
| より強い強調 | strong | 必須 | 必須 | inline | (inline)* | |
| 略語(例:WWW, HTTP, URI など) | abbr | 必須 | 必須 | inline | (inline)* | |
| 頭字語(例:IE,MS,LANなど) | acronym | 必須 | 必須 | inline | (inline)* | |
| 上付文字 | sup | 必須 | 必須 | inline | (inline)* | |
| 下付文字 | sub | 必須 | 必須 | inline | (inline)* | |
| 整形済みテキスト | pre | 必須 | 必須 | block | (inline)* -(IMG | OBJECT | BIG | SMALL | SUB | SUP) | |
| コンピューターコード | code | 必須 | 必須 | inline | (inline)* | |
| 変数 | var | 必須 | 必須 | inline | (inline)* | |
| キーボード文字 | kbd | 必須 | 必須 | inline | (inline)* | |
| サンプル | samp | 必須 | 必須 | inline | (inline)* | |
| 定義用語 | dfn | 必須 | 必須 | inline | (inline)* | |
| 文字表記方向 | bdo | 必須 | 必須 | inline | (inline)* | |
| 挿入されたテキスト | ins | 必須 | 必須 | BODY 内要素 | (flow)* | |
| 削除されたテキスト | del | 必須 | 必須 | BODY 内要素 | (flow)* | |
| スタイル | 水平線 | hr | 必須 | 禁止 | block | EMPTY |
| イタリック体 | i | 必須 | 必須 | inline | (inline)* | |
| 太字 | b | 必須 | 必須 | inline | (inline)* | |
| 文字拡大 | big | 必須 | 必須 | inline | (inline)* | |
| 文字縮小 | small | 必須 | 必須 | inline | (inline)* | |
| 下線。非推奨 | u | 必須 | 必須 | inline | (inline)* | |
| 打ち消し線。非推奨 | strike | 必須 | 必須 | inline | (inline)* | |
| 打ち消し線。非推奨 | s | 必須 | 必須 | inline | (inline)* | |
| 等幅フォント | tt | 必須 | 必須 | inline | (inline)* | |
| テキストのサイズや色を変更。非推奨 | font | 必須 | 必須 | inline | (inline)* | |
| 基本文字サイズ。非推奨 | basefont | 必須 | 禁止 | inline | EMPTY | |
| 中央寄せ。非推奨 | center | 必須 | 必須 | block | (flow)* | |
| 画像とオブジェクト | 埋め込み画像 | img | 必須 | 禁止 | inline | EMPTY |
| クライアントサイドイメージマップ | map | 必須 | 必須 | inline | ((block) | AREA)+ | |
| クライアントサイドイメージマップエリア | area | 必須 | 禁止 | MAP の子要素 | EMPTY | |
| 埋め込みオブジェクト | object | 必須 | 必須 | inline | (PARAM | flow)* | |
| パラメータ | param | 必須 | 禁止 | APPLET と OBJECT の子要素 | EMPTY | |
| Java Applet。非推奨 | applet | 必須 | 必須 | inline | (PARAM | flow)* | |
| リンク | アンカー | a | 必須 | 必須 | inline | (inline)* -(A) |
| 文書の基本URI | base | 必須 | 禁止 | HEAD の子要素 | EMPTY | |
| 文書の連結 | link | 必須 | 禁止 | HEAD の子要素 | EMPTY | |
| リスト | 順序なしリスト | ul | 必須 | 必須 | block | (LI)+ |
| 順序つきリスト | ol | 必須 | 必須 | block | (LI)+ | |
| リストアイテム | li | 必須 | 省略可 | UL か OL の子要素 | (flow)* | |
| 定義リスト | dl | 必須 | 必須 | block | (DT | DD)+ | |
| 定義された用語 | dt | 必須 | 省略可 | DL の子要素 | (inline)* | |
| 定義された用語の解説 | dd | 必須 | 省略可 | DL の子要素 | (flow)* | |
| ディレクトリリスト。非推奨 | dir | 必須 | 必須 | block | (LI)+ -(block) | |
| メニューリスト。非推奨 | menu | 必須 | 必須 | block | (LI)+ -(block) | |
| テーブル | テーブル | table | 必須 | 必須 | block | (CAPTION?, (COL* | COLGROUP*), THEAD?, TFOOT?, TBODY+) |
| テーブルの表題 | caption | 必須 | 必須 | TABLE の子要素 | (inline)* | |
| テーブルの行 | tr | 必須 | 省略可 | THEAD、TFOOT、TBODY の子要素 | (TH | TD)+ | |
| テーブルヘッダセル | th | 必須 | 省略可 | TR の子要素 | (flow)* | |
| テーブルデータセル | td | 必須 | 省略可 | TR の子要素 | (flow)* | |
| テーブルヘッダ | thead | 必須 | 省略可 | TABLE の子要素 | (TR)+ | |
| テーブルフッター | tfoot | 必須 | 省略可 | TABLE の子要素 | (TR)+ | |
| テーブルボディ | tbody | 省略可 | 省略可 | TABLE の子要素 | (TR)+ | |
| テーブルの列グループ | colgroup | 必須 | 省略可 | TABLE の子要素 | (COL)* | |
| テーブルの列 | col | 必須 | 禁止 | TABLE か COLGROUP の子要素 | EMPTY | |
| フォーム | インタラクティブフォーム。 | form | 必須 | 必須 | block | (block | SCRIPT)+ -(FORM) |
| フォームコントロール | input | 必須 | 禁止 | inline | EMPTY | |
| 複数行テキストフィールド | textarea | 必須 | 必須 | inline | (#PCDATA) | |
| ボタン | button | 必須 | 必須 | inline | (flow)* -(A | INPUT | SELECT | TEXTAREA | LABEL | BUTTON | FORM | FIELDSET) | |
| オプションセレクタ | select | 必須 | 必須 | inline | (OPTGROUP | OPTION)+ | |
| 選択肢 | option | 必須 | 省略可 | SELECT か OPTGROUP の子要素 | (#PCDATA) | |
| オプショングループ | optgroup | 必須 | 必須 | SELECT の子要素 | (OPTION)+ | |
| フォームフィールドラベルテキスト | label | 必須 | 必須 | inline | (inline)* -(LABEL) | |
| フォームコントロールグループ | fieldset | 必須 | 必須 | block | (#PCDATA, LEGEND, (flow)*) | |
| フィールドセットの説明 | legend | 必須 | 必須 | FIELDSET の子要素 | (inline)* | |
| 検索用入力フィールド。非推奨 | isindex | 必須 | 禁止 | HEAD の子要素 | EMPTY | |
| スタイルシートとスクリプト | スタイル情報 | style | 必須 | 必須 | HEAD の子要素 | CDATA |
| スクリプト | script | 必須 | 必須 | HEAD と BODY の子要素 / inline | CDATA | |
| スクリプトが動作しない環境のための代替内容 | noscript | 必須 | 必須 | block | (block)+ | |
| フレーム | ウィンドウ分割。Frameset DTD だけ使用できる | frameset | 必須 | 必須 | HTML か FRAMESET の子要素 | ((FRAMESET | FRAME)+ & NOFRAMES?) |
| フレームウィンドウ。Frameset DTD だけ使用できる | frame | 必須 | 禁止 | FRAMESET の子要素 | EMPTY | |
| フレーム未対応 | noframes | 必須 | 必須 | framesetの子要素 | (flow)* | |
| インラインフレームウィンドウ | iframe | 必須 | 必須 | inline | (flow)* |
◆ 索引(HTML4.01+各社独自要素)
a: a/abbr/acronym/address/applet/area
b: b/base/basefont/bdo/bgsound/big/blink/blockquote/body/br/button
c: caption/center/cite/col/colgroup/comment
f: fieldset/font/form/frame/frameset
h: h1/h2/h3/h4/h5/h6/head/hr/html
i: i/iframe/ilayer/img/input/ins/isindex
k: kbd
l: label/layer/legend/li/link/listing
m: map/marquee/menu/meta/multicol
n: nobr/noembed/noframes/nolayer/noscript
q: q
r: rp/rt/ruby/
s: s/samp/script/select/small/spacer/span/strike/strong/style/sub/sup
t: table/tbody/td/textarea/tfoot/th/thead/title/tr/tt
v: var
w: wbr
◆ おわりに
構造化されたHTML文書ができたら、次のステップ見栄えの「スタイルシート概説リファレンス」です。
本リファレンスは以下を参考にして作成いたしました。
- 「HTML&スタイルシート辞典」 岡倉龍一著
- 「PC Tips」 Takehide Nozaki氏
- Noise HTML入門
- HTML4仕様書邦訳計画
- HTML4.01仕様書 原典
HTMLに関して、本当に素晴らしい本とサイトです。皆さんも買ったり、アクセスしたりしてください!!