Of ChaichanPapa-World !

Home/Menu

ストリクトなHTMLの基礎講座

HTML概説リファレンス

◆ はじめに

以下は、HTML 4.01の概説リファレンスです。各社の独自要素も少し説明しています。

説明項目は以下の通りです。

  1. 呼名
  2. 要素概説
  3. 属性概説
  4. 要素宣言(DTD 文書型定義)
  5. 要素分類(インライン要素 or ブロックレベル要素)
  6. その他
  7. サンプル

尚、ストリクト以外の要素、物理マークアップ系の要素、各社の独自要素は、だたの箇条書きになっています。

あと、前知識として、「ストリクトなHTMLの基礎講座」を全読することをお薦めします。

また、以下のインライン/ブロックレベル要素の区別は、構造&見栄えを決める上で大切なので常に意識しましょう。
(これ、知っているとなにかと便利、マークアップする時も、スタイルシートする時も...。)

要素分類

 インライン要素
文書内の行の一部として利用される要素。
 ブロックレベル要素
ブロックで表される要素(見出し、段落、リスト、フォーム等)。

◆ 目次(HTML 4.01のみ)

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

d: dd/del/dfn/dir/div/dl/dt

e: em/embed

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

o: object/ol/optgroup/option

p: p/param/plaintext/pre

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

u: u/ul

v: var

w: wbr

x: xml/xmp

◆ おわりに

構造化されたHTML文書ができたら、次のステップ見栄えの「スタイルシート概説リファレンス」です。

本リファレンスは以下を参考にして作成いたしました。

HTMLに関して、本当に素晴らしい本とサイトです。皆さんも買ったり、アクセスしたりしてください!!

Home/Menu

人のよいところをどんどん見つけよう