ブロックレベル要素一覧表

October 31 [Sat], 2009, 20:17


ブロックレベル要素はほとんどの要素がインライン要素やテキストを 含むことができ、一部はブロックレベル要素を含むことができます。

下記の一覧表は、厳格なXHTML1.0 StrictやXHTML1.1の文書型宣言を想定している部分も含まれています。
ですので、XHTML1.0 StrictやXHTML1.1以外の文書型宣言でマークアップされる場合は、別のサイトで確認することをお願いします。


ブロックレベル要素一覧表
要素名 含むことが
可能な内容
含むことが
不可能な内容
備考
h1〜h6
(見出し)
インライン要素やテキスト ブロックレベル要素  
p
(パラグラフ)
インライン要素やテキスト ブロックレベル要素  
address
(作成者情報)
インライン要素やテキスト ブロックレベル要素 address要素はbody要素、blockquote要素、div要素、form要素、fieldset要素、object要素の子要素としかなりえない。
address要素の中にはimg要素、object要素、map要素を含んではならない。(ISO/IEC 15445:2000(ISO-HTML)で規定されている) ISO-HTMLとは?ISO-HTML夜話さんのサイトへ
hr
(横罫線)
     
blockquote
(引用文)
p要素など他のブロック要素を含めなければならない 直接のインライン要素やテキスト 直接インライン要素やテキストを含むことはできないので 例えば次のように書きます。

<blockquote>
  <p>
    テキスト、、、
  </p>
</blockquote>
pre
(整形済みテキスト)
インライン要素やテキスト ブロックレベル要素
img、big、small、sub、sup、ins、del、label、input、select、textarea、button、noscriptなどの要素を含むことはできない
 
ul、ol
(箇条書きリスト、番号リスト)
li要素 li要素以外含むことができない  
li
(箇条書きリスト、番号リスト)
インライン要素やテキスト、ブロックレベル要素    
dl
(定義型リスト)
dt要素とdd要素 dt要素とdd要素以外含むことができない  
dt
(定義型リスト)
インライン要素やテキスト ブロックレベル要素 ※dtはインライン要素
dd
(定義型リスト)
インライン要素やテキスト、ブロックレベル要素    
table、tr、th、td
(表)
tr要素:th要素とtd要素
th要素とtd要素:インライン要素やテキスト、ブロックレベル要素
tr要素:th要素とtd要素以外含むことができない  
div
(グループ化)
インライン要素やテキスト、ブロックレベル要素    
form
(入力フォーム)
ブロックレベル要素、script要素 左記以外 action="URI"は必須属性
input要素をform要素の直接の子要素にできない。p要素等のブロックレベル要素の中にinput要素を入れる。
※XHTML1.0Strict、XHTML1.1
fieldset
(フォームのグループ化)
インライン要素やブロックレベル要素 空白以外のテキスト  
noscript
(スクリプトの代替)
ブロックレベル要素 インライン要素やテキスト ※XHTML1.0Strict、XHTML1.1

2009.12.23追記しました。
「標準の教科書」より(amazonへリンクします) http://www.amazon.co.jp/gp/product/4798010928Web
  • URL:https://yaplog.jp/movieee/archive/163
Comment
小文字 太字 斜体 下線 取り消し線 左寄せ 中央揃え 右寄せ テキストカラー 絵文字 プレビューON/OFF

不正な自動コメント投稿を防ぐため、チェックボックスにチェックをしてください。

利用規約に同意する
 X 
禁止事項とご注意
※本名・メールアドレス・住所・電話番号など、個人が特定できる情報の入力は行わないでください。
「ヤプログ!利用規約 第9条 禁止事項」に該当するコメントは禁止します。
「ヤプログ!利用規約」に同意の上、コメントを送信してください。
P R
チケットぴあ
プロフィール
  • プロフィール画像
  • アイコン画像 ニックネーム:movieee
  • アイコン画像 性別:女性
  • アイコン画像 血液型:B型
  • アイコン画像 職業:専門職
読者になる
Webデザイン、コーディングをしています。
パソコンが好きでいろいろ触っては壊して、、、を繰り返してます。組み立てる事も楽しいですが、解体するほうがもっと楽しいです。
このブログはパソコンの不具合やコーディングで困ったことを主に書いています。
もう一つコーディングに関してのブログ書いています。よかったら遊びに来てください!

最近読んだおすすめの本

Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
XHTMLの文法や規格を習得したい方へ…

佐藤可士和の超整理術
仕事や日常をデザインしたい方へ…

デザイン・ルールズ デザインをはじめる前に知っておきたいこと
初心へ帰りたいデザイナーの方へ…

Yapme!一覧