HTML5 入れ子チートシート | 吉川ウェブ

※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であることかつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること　

ルート要素＆文書メタデータ

セクション

グルーピングコンテンツ

p 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
hr 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
pre 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
blockquote 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
ol 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
ul 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
li 親子
dl 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
dt 親子 ※HTML 5.2から可能。divの親にdlがあること
dd 親子 ※HTML 5.2から可能。divの親にdlがあること
figure 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
figcaption 親子
div 親子 ※1 ※1 ※1 ※1 ※HTML 5.2から可能 ※1 ※1 ※1 ※1
main 親子 ※アクセス可能な名前のないものに限る

テキストレベルセマンティクス

編集

ins 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
del 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1

埋め込み型コンテンツ

表データ

フォーム

form 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
label 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1
input 親子 ※1 ※type属性がhiddenであること ※1 ※type属性がhiddenであること ※1 ※1 ※1 ※1 ※1 ※1
button 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1
select 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1
datalist 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
optgroup 親子
option 親子
textarea 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1
keygen 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1
output 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
progress 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
meter 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
fieldset 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
legend 親子

インタラクティブ要素

スクリプティング

script 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
noscript 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1
template 親子 ※1 ※1 ※1 ※colgroup要素にspan属性がないこと ※1 ※1 ※1 ※1 ※1
canvas 親子 ※1 ※1 ※1 ※1 ※1 ※1 ※1 ※1

テキスト

テキスト親子 ※value属性がないことまたは label属性がないこと ※src属性がない場合はtype属性の値に依存、src属性がある場合はスクリプトドキュメントのみ可 ※type属性の値に依存

使い方