インデントで階層構造を明確にする

XHTMLソース

<div id="staff_list">
 <h3>社員一覧</h3>
 <ul>
  <li>営業部
   <dl>
    <dt>日本太郎</dt>
    <dd>営業部 第3営業チーム 主任</dd>
   </dl>
  </li>
  <li>開発部
   <dl>
    <dt>世界次郎</dt>
    <dd>開発部 HTML研究課 課長補佐</dd>
   </dl>
  </li>
 </ul>
</div>

編集用の追加情報をコメントで記入する

XHTMLソース

<div id="staff_list">
 <h3>社員一覧</h3>
 <ul><!--部署別に掲載-->
  <li>営業部
   <dl>
    <dt>日本太郎</dt>
    <dd>営業部 第3営業チーム 主任</dd>
   </dl>
  </li>
  <li>開発部
   <dl>
    <dt>世界次郎</dt>
    <dd>開発部 HTML研究課 課長補佐</dd>
   </dl>
  </li>
 </ul>
<!--staff_list 終了-->
</div>

• 第1章 (X)HTMLの基本法則