XHTML1.0 StrictのDTDを読んで、タグの入れ子構造がだいぶ厳しくなってきていることを感じ、自分できちんと認識をするために一覧にしてみました。
以下、私がDTDを読んで書き出した入れ子順を書いてみます。
私が制作上使わないと思うタグは省いてありますので、すべてのタグについて詳しく知りたい方は実際にDTDを読んでみてください。
また、私自身が使いやすいように書いているので、わかりにくい部分があるかもしれませんが、ご容赦下さい。随時説明を追加していきます。
<head>タグについてはテンプレートとして使えるよう、属性まで記述しました。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" />
- <meta http-equiv="Content-Style-Type" content="text/css" />
- <meta http-equiv="Content-Script-Type" content="text/javascript" />
- <meta name="author" content="作者名" />
- <meta name="description" content="説明文" />
- <meta name="keywords" content="キーワード,キーワード" />
- <title>タイトル文字</title>
- <base href="基本のページのアドレス" />
- <link rel="stylesheet" href="スタイルシートのアドレス" type="text/css" />
- <script type="text/javascript" src="外部javascriptのアドレス" charset="Shift_JIS"></script>
- </head>
- <body>
- <p>
- 文字データ
- <a> ※<p>タグと同様：但し<a>タグは除く※ </a>
- <br />
- <span> ※<p>タグと同様※ </span>
- <map>
- <area />
</map>
- <em> ※<p>タグと同様※ </em>
- <strong> ※<p>タグと同様※ </strong>
- <code> ※<p>タグと同様※ </code>
- <samp> ※<p>タグと同様※ </samp>
- <kbd> ※<p>タグと同様※ </kbd>
- <var> ※<p>タグと同様※ </var>
- <cite> ※<p>タグと同様※ </cite>
- <abbr> ※<p>タグと同様※ </abbr>
- <acronym> ※<p>タグと同様※ </acronym>
- <sub> ※<p>タグと同様※ </sub>
- <sup> ※<p>タグと同様※ </sup>
- <script type="text/javascript" src="外部javascriptのアドレス" charset="Shift_JIS"></script>
- <noscript> ※<body>タグと同様※ </noscript>
- </p>
- <h1> ※<p>タグと同様※ </h1>
- <h2> ※<p>タグと同様※ </h2>
- <h3> ※<p>タグと同様※ </h3>
- <h4> ※<p>タグと同様※ </h4>
- <h5> ※<p>タグと同様※ </h5>
- <h6> ※<p>タグと同様※ </h6>
- <div> ※<body>+<p>タグと同様※ </div>
- <ul>
- <li> ※<div>タグと同様</li>
- </ul>
- <ol>
- <li> ※<div>タグと同様※ </li>
- </ol>
- <dl>
- <dt> ※<p>タグと同様※ </dt>
- <dd> ※<div>タグと同様※ </dd>
- </dl>
- <pre>
- 文字データ
- <a> ※<p>タグと同様：但し<a>タグは除く※ </a>
- <em> ※<p>タグと同様※ </em>
- <strong> ※<p>タグと同様※ </strong>
- <code> ※<p>タグと同様※ </code>
- <script type="text/javascript" src="外部javascriptのアドレス" charset="Shift_JIS"></script>
- <br />
- <span> ※<p>タグと同様※ </span>
- <map>
- <area />
</map>
- <script type="text/javascript" src="外部javascriptのアドレス" charset="Shift_JIS"></script>
- </pre>
- <hr />
- <blockquote> ※<body>タグと同様※ </blockquote>
- <addless> ※<p>タグと同様※ </addless>
- <fieldset>
- <legend> ※<p>タグと同様※ </legend>
- ※<div>タグと同様※
- </fieldset>
- <table>
- <caption> ※<p>タグと同様※ </caption>
- <tr>
- <th> ※<div>タグと同様※ </th>
- <td> ※<div>タグと同様※ </td>
- </tr>
- </table>
- <form> ※<body>タグと同様：但し<form>タグを除く</form>
- <noscript> ※<body>タグと同様※ </noscript>
- </body>
- </html>