HP制作者、Web開発者向けのHTMLタグリファレンス・使用方法・サンプル

【タグ定義一覧】

使用できる場所(親要素) コンテンツモデル(子要素) カテゴリー
タグ
 
 
※1(下記参照)
 
 
1~7:カテゴリーNO
T:トランスペアレント
S:スクリプトサポート要素
1.
フローコンテンツ
 
2.
フレージングコンテンツ
 
3.
エンベディッドコンテンツ
 
4.
メタデータコンテンツ
 
5.
インタラクティブコンテンツ
 
6.
ヘディングコンテンツ
 
7.
セクショニングコンテンツ
 
※2付加条件
 
 
a 2 T。但し,5は不可 ○ ○ ○
abbr 2 2 ○ ○
address
 
1
 
1。但し,6,7,
<header>,<footer>,<address>は不可
○
 

 

 

 

 

 

 

 
area <map>,<template>内で,1 空 ○ ○
article 1 1。但し,<main>は不可 ○ ○
aside 1 1。但し,<main>は不可 ○ ○
audio
 
 
3
 
 
src属性ありの時:<track>,T
src属性なしの時:<source>,T
どちらも<audio><video>は不可
○
 
 
○
 
 
○
 
 

 
 
○※2(右記参照)
 
 

 
 

 
 
5:controls属性を持つ場合
 
 
b 2 2 ○ ○
base <head> 空 ○
bdi 2 2 ○ ○
bdo 2 2 ○ ○
blockquote 1 1 ○
body <html> 1
br 2 空 ○ ○
button 2 2。但し,5は不可 ○ ○ ○
canvas 3 T ○ ○ ○
caption <table> 1。但し,<table>は不可
cite 2 2 ○ ○
code 2 2 ○ ○
col <colgroup> 空
colgroup
 
<table>
 
span属性ありの時:空
span属性なしの時:<col>

 

 

 

 

 

 

 

 
data 2 2 ○ ○
datalist 2 1 ○ ○
dd <dl> 1
del 2 T ○ ○
dfn 2 2。但し,<dfn>は不可 ○ ○
div 1 1 ○
dl 1 <dt>+<dd>,S ○
dt <dl> 2
em 2 2 ○ ○
embed 3 空 ○ ○ ○ ○
fieldset 2 1 ○
figcaption <figure> 1
figure 1 1 ○
footer 1 1。但し,<header>,<footer>,<main>は不可 ○
form 1 1。<form>は不可 ○
h1~h6 1 2 ○ ○
head <html> 4。<title>は必ず指定
header 1 1。但し,<header>,<footer>,<main>は不可 ○
hr 1 空 ○
html 無(文書のルート) <head>
i 2 2 ○ ○
iframe 3 テキスト ○ ○ ○ ○
img 3 空 ○ ○ ○ ○※2 5:usemap属性を持つ場合
input 2 空 ○ ○ ○※2 5:type属性がhiddenでない場合
ins 2 T ○ ○
kbd 2 2 ○ ○
keygen 2 空 ○ ○ ○
label 2 2。但し,<label>は不可 ○ ○ ○
legend <fieldset> 2
li <ol>,<ul> 1
link 4 空 ○
main 1 1 ○
map 2 T ○ ○
mark 2 2 ○ ○
meta <head>,<noscript>,4 空 ○
meter 2 2 ○ ○
nav 1 1。<main>は不可 ○ ○
noscript
 
<head>,1。
どちらも<noscript>が先祖にない
<head>内の時:<link>,<style>,<meta>
<head>外の時:T。但し,<noscript>は不可
○
 
○
 

 
○
 

 

 

 

 
object 3 <param>,T ○ ○ ○ ○※2 5:usemap属性ありの場合
ol 1 <li>,S ○
optgroup <select> <option>
option <select>,<datalist>,<optgroup> テキスト
output 2 2 ○ ○
p 1 2 ○
param <object> 空
pre 1 2 ○
progress 2 2 ○ ○
q 2 2 ○ ○
rb <ruby> 2
rp <ruby> 2
rt <ruby>,<rtc> 2
rtc <ruby> 2,<rt>
ruby 2 2,<rb>,<rt>,<rtc> ○ ○
s 2 2 ○ ○
samp 2 2 ○ ○
script
 
<s>,1,4
 
src属性なしの時:type属性に依存する
src属性ありの時:空,コメント
○
 
○
 

 
○
 

 

 

 

 
section 1 1 ○ ○
select 2 <option>,<optgroup>,S ○ ○ ○
small 2 2 ○ ○
source <audio>,<video> 空
span 2 2 ○ ○
strong 2 2 ○ ○
style 4 type属性の値に依存 ○
sub 2 2 ○ ○
sup 2 2 ○ ○
table
 
1
 
<caption>,<colgroup>,<thead>,
<tfoot>,<tbody>,<tr>,<tfoot>,S
○
 

 

 

 

 

 

 

 
tbody <table> <tr>,S
td <tr> 1 ○
template
 
2,4,S,
SPAN属性のない<colgroup>
1,4,※3(下記参照)
 
○
 
○
 

 
○
 

 

 

 

 
textarea 2 テキスト ○ ○ ○
tfoot <table> <tr>,S
th <tr> 2
thead <table> <tr>,S
time 2 2。但し,<time>は不可 ○ ○
title <head> テキスト ○
tr
 
<thead><tbody><tfoot><table>
<table>は,<tbody>がないこと
<td>,<th>,S
 

 

 

 

 

 

 

 

 
track <audio>,<video> 空
u 2 2 ○ ○
ul 1 <li>,S ○
var 2 2 ○ ○
video
 
3
 
src属性ありの時:<track>,T
src属性なしの時:<source>,<track>,T
○
 
○
 
○
 

 
○※2
 

 

 
5:controls属性ありの場合
 
wbr 2 空 ○ ○
◆Grid : MIT-style license. Copyright 2012 Matt V. Murphy

※1:使用できる場所(親要素)
 1:フローコンテンツを子要素にもてる場所 2:フレージングコンテンツを子要素にもてる場所
 3:エンベディッドコンテンツを子要素にもてる場所 4:メタデータコンテンツを子要素にもてる場所
 S:スクリプト要素を子要素にもてる場所

※3:<ol>,<ul>,<dl>,<figure>,<ruby>,<object>,<video>,<audio>,<table>,<colgroup>,<thead>,<tbody>,<tfoot>,<tr>,<fieldset>,<select>