02. HTMLとDITAのコードサンプル比較 | 清水誠メモ

HTMLはドキュメント構造を、DITAはコンテンツの構造を表す
HTMLは構造を表すべきで、スタイル（見た目）はCSSで制御すべき、とよく言われますが、どんなにストリクトにこの原則を守ったとしても、HTMLはWebドキュメントの構造を表すマークアップ言語なので、どうしてもレイアウト要素が残ります。
例えば、リストを表すタグ。確かに、
code 3
よりは
code 4
の方が構造的に見えます。
情報構造をXMLで表すDITA標準では、何をなぜどのようにしてリストで表現するのか、にまで踏み込みます。
DITA流のタスクの構造化アプローチ
なぜリストか？それはタスクの手順を表現しているからです。
そこで、DITAではタスク型リストをさらに

前の状態
コンテクスト
ステップ
結果
例
事後の状態

の６要素に分解します（全部が必須ではなく省略も可能）。ステップはリピート可能です。
各ステップはさらに、

コマンド
情報
サブステップ
チュートリアル情報
ステップ例
選択肢
...