上よりもちょっとはましな例です。

表示結果入力内容XHTMLイメージ


用語1用語1の説明

用語2用語2の説明
* 用語1*: 用語1の説明* 用語2*: 用語2の説明<ul> <li>用語1 <dl> <dd>用語1の説明</dd> </dl> </li> <li>用語2 <dl> <dd>用語2の説明</dd> </dl> </li></ul>ulli 用語1dldd 用語1の説明li 用語2dldd 用語2の説明

箇条書きのブロック（<ul>〜</ul>）はひとつになったものの、箇条書きの各要素（<li>〜</li>）の中にいちいち定義の箇条書きのブロック（<dl>〜</dl>）が発生してしまいます。また、<dl>〜</dl>の中には普通、用語（<dt>〜</dt>）とその定義（<dd>〜</dd>）がペアで存在するのが望ましいのですが、<dd>〜</dd>だけが出現していて<dl>〜</dl>の使い方としてはあまり良くありません。

例3

せっかく定義の箇条書きを使っても意味がなくなってしまうことがあります。

表示結果入力内容XHTMLイメージ

用語1 
用語1の説明
用語2 
用語2の説明; 用語1 : 用語1の説明; 用語2 : 用語2の説明

（用語1の行と用語2の行との間に、改行のみの空行を一行はさんでいる）<dl> <dt>用語1</dt> <dd>用語1の説明</dd></dl><dl> <dt>用語2</dt> <dd>用語2の説明</dd></dl>dldt 用語1dd 用語1の説明dldt 用語2dd 用語2の説明

間に空行（何も書かれていない、改行だけの行）を入れてしまったばかりに、定義の箇条書きで作られるブロックがふたつに分かれてしまいました。このような編集は、編集段階で見やすくするために行われることがありますが、残念ながら逆効果です。

表示結果入力内容XHTMLイメージ


用語1


用語2




用語3

* 用語1* 用語2** 用語3

（各行の間に、改行のみの空行を一行はさんでいる）<ul> <li>用語1</li></ul><ul> <li>用語2</li></ul><ul> <li> <ul> <li>用語3</li> </ul> </li></ul>ulli 用語1ulli 用語2ulliulli 用語3

用語1

用語2


用語3

# 用語1# 用語2## 用語3

（各行の間に、改行のみの空行を一行はさんでいる）<ol> <li>用語1</li></ol><ol> <li>用語2</li></ol><ol> <li> <ol> <li>用語3</li> </ol> </li></ol>olli 用語1olli 用語2olliolli 用語3

普通の箇条書きや番号つき箇条書きにも同じことが言えますが、より深刻です。特に番号つきの場合は番号が続かなくなってしまって悲惨なことになりますし、普通の箇条書きも点が2つついてしまうなど表示が崩れてしまいます。

例4

入れ子の箇条書きにしたつもりが、実は正しい入れ子になっていない場合があります。

表示結果入力内容XHTMLイメージ


foo


bar


hoge
* foo:* bar* hoge<ul> <li>foo</li></ul><dl> <dd> <ul> <li>bar</li> </ul> </dd></dl><ul> <li>hoge</li></ul>ulli foodlddulli barulli hoge

見た目は前述の入れ子の箇条書きに似ていますが、実際には箇条書きで作られたブロック（<ul>〜</ul>）が定義の箇条書きで作られたブロック（<dl>〜</dl>）に分断され、入れ子の構造が破壊されてしまっています。

なぜいけないの？

XHTMLがどうとか言われてもややこしいことはよく分からないし、見た目がちゃんとなるならそれでいいじゃないか、という考え方は確かに存在します。しかし、それは晴眼者（視覚に障害のない人）に偏ったものの見方だということを思い起こす必要があります。

視覚障害を持つ人は音声読み上げブラウザを利用してウィキペディアを閲覧します。その際、例えば上記の例2を次のように読み上げられたらどうでしょう。<以下はリストです>用語1、<以下は定義のリストです><以下は先の定義語の説明です>用語1の説明<説明の終わりです><定義のリストの終わりです>用語2、<以下は定義のリストです><以下は先の定義語の説明です>用語2の説明<説明の終わりです><定義のリストの終わりです><リストの終わりです>

どうでしょう。定義語に関する読み上げがされていないのにいきなり「先の定義語」と出てきて、意味が通りません。では、正しい例ではどうでしょうか。<以下は定義のリストです><以下は定義語です>用語1、<定義語の終わりです><以下は先の定義語の説明です>用語1の説明<説明の終わりです><以下は定義語です>用語2、<定義語の終わりです><以下は先の定義語の説明です>用語2の説明<説明の終わりです><定義のリストの終わりです>

これなら大丈夫ですね。

もうひとつには転送量の問題があります。例1や例2で生成されるXHTMLと、正しい例の場合とを比べてみてください。ずっと簡潔になっています。ひとつふたつなら大した差にはなりませんが、これを10も20も繰り返すと馬鹿にならない差が出ます。

バリエーション

用語の後の改行

定義の箇条書きは、次のように書くこともできます。

表示結果入力内容XHTMLイメージ

用語1
用語1の説明
用語2
用語2の説明; 用語1: 用語1の説明; 用語2: 用語2の説明<dl> <dt>用語1</dt> <dd>用語1の説明</dd> <dt>用語2</dt> <dd>用語2の説明</dd></dl>dldt 用語1dd 用語1の説明dt 用語2dd 用語2の説明

このように、用語の直後に改行しても結果は推奨される例とまったく同じです。説明部分が長くなるときはこちらの方が編集するときの見通しが良くなるかもしれません。

長い説明

説明部分が長くなってしまい別の段落に分けたい場合は、次のようにします。

入力内容; 用語1: 用語1の長い説明用語1の長い説明用語1の長い説明用語1の長い説明: 用語1の長い説明の次の段落用語1の長い説明の次の段落用語1の長い説明の次の段落; 用語2: 用語2の長い説明用語2の長い説明用語2の長い説明: 用語2の長い説明の次の段落用語2の長い説明の次の段落

表示結果XHTMLイメージ

用語1
用語1の長い説明用語1の長い説明用語1の長い説明用語1の長い説明用語1の長い説明の次の段落用語1の長い説明の次の段落用語1の長い説明の次の段落
用語2
用語2の長い説明用語2の長い説明用語2の長い説明用語2の長い説明の次の段落用語2の長い説明の次の段落<dl> <dt>用語1</dt> <dd>用語1の長い説明...</dd> <dd>用語1の長い説明の次の段落...</dd> <dt>用語2</dt> <dd>用語2の長い説明...</dd> <dd>用語2の長い説明の次の段落...</dd></dl>dldt 用語1dd 用語1の長い説明...dd 用語1の長い説明の次の段落...dt 用語2dd 用語2の長い説明...dd 用語2の長い説明の次の段落...

用語（<dt>〜</dt>）とその定義（<dd>〜</dd>）が1対1のペアになっていない、あまり良いとはいえない状態ですが、ウィキペディアのマークアップだけでは<dd>〜</dd>の中に段落を作る方法がないため便宜上この方法が使われます。今のところこれは許容される傾向にあるようです。

あまり説明部分が長くなるようであれば、見出しを作ってそこに通常の段落として書くことも検討してください。

その他

説明部分がごく短いものであれば、慣例として以下の形式もよく使われます。

表示結果入力内容


用語1 - 用語1の説明

用語2 - 用語2の説明
* 用語1 - 用語1の説明* 用語2 - 用語2の説明


用語1 : 用語1の説明

用語2 : 用語2の説明
* 用語1 : 用語1の説明* 用語2 : 用語2の説明