『Web標準の教科書』各章

第2章第6節（p.54-63）

[よいソース]
<body>
  <p>XHTML文書では<strong>構造と表現の分離</strong>が重要である。</p>
</body>

[悪いソース]
<body>
  XHTML文書では<strong>構造と表現の分離</strong>が重要である。
</body>

<h1>構造と表現の分離</h1>

<h2>なぜ構造と表現を分離するのか</h2>

<h3>構造のシンプル化</h3>
<h3>表現の精緻化</h3>
<h3>アクセシビリティ</h3>

h1 { font-size: xx-large }
h2 { font-size: x-large }
h3 { font-size: large }

<h>構造と表現の分離</h>
<section>
  <h>なぜ構造と表現を分離するのか</h>
  <section>
    <h>構造のシンプル化</h>
    <h>表現の精緻化</h>
    <h>アクセシビリティ</h>
  </section>
</section>

<h1>構造と表現の分離</h1>

<h2>なぜ構造と表現を分離するのか</h2>

<p>XHTML文書では構造と表現の分離が重要である。構造と表現の分離の
メリットについて、構造のシンプル化、表現の精緻化、アクセシビリティ
の観点から説明する。</p>
 ：
 ：

<h1>構造と表現の分離</h1>

<h2>なぜ構造と表現を分離するのか</h2>

<p>XHTML文書では構造と表現の分離が重要である。<br />
構造と表現の分離のメリットについて、構造のシンプル化、表現の精緻化、
アクセシビリティの観点から説明する。</p>
 ：
 ：

<p>XHTML文書では構造と表現の分離が重要である。<br />
構造と表現の分離のメリットについて、構造のシンプル化、表現の精緻化、
アクセシビリティの観点から説明する。</p>

<p>
  <l>XHTML文書では構造と表現の分離が重要である。</l>
  <l>構造と表現の分離のメリットについて、構造のシンプル化、表現の
  精緻化、アクセシビリティの観点から説明する。</l>
</p>

 ：
 ：
<address>
公開日：2005年1月31日、更新日：2005年2月15日<br />
作成者：益子　貴寛（Takahiro Mashiko）<br />
連絡先：mashiko@cybergarden.net
</address>

 ：
 ：
<address>
Copyright (C) 2005-2006
<a href="http://www.cybergarden.net/">Takahiro Mashiko</a>.
All Rights Reserved.
</address>

 ：
 ：
<hr />

<address>
公開日：2005年1月31日、最終更新日：2005年2月15日<br />
作成者：益子　貴寛（Takahiro Mashiko）<br />
連絡先：mashiko@cybergarden.net
</address>

hr { display: none }

 ：
 ：
<separator />

<address>
公開日：2005年1月31日、最終更新日：2005年2月15日<br />
作成者：益子　貴寛（Takahiro Mashiko）<br />
連絡先：mashiko@cybergarden.net
</address>

第2章 第6節（p.54-63）