はい、少し奇妙に感じられるとしても、正しく使用されれば単一のアイテムを持つリストを持つことは意味的に正しいです (定義上、リストはリストなので、アイテムが 1 つしかない場合は実際にはリストではありません) of item <strong> s、それ以外の場合は単なるアイテムになります)。
あなたが提供した例では、アイテムはプレースホルダーであり、意味がないため、当てはまるかどうかを判断するのは困難です. それが正しいかどうかは、サブアイテムに入れる理由によって異なります。それが実際にリスト項目である場合、特に複数の項目を持つ他のサブリストがある場合は、単一項目のサブリストを持つことは完全に合理的です。その場合、意味は明らかです。たとえば、次は問題ありません。
<h1>Auto Insurance Customers</h1>
<ul>
<li>
<strong>#1234</strong>
<ul>
<li>2003 Ford Focus</li>
<li>1998 Ford Escort</li>
<ul>
</li>
<li>
<strong>#2468</strong>
<ul>
<li>1999 Lamborghini Diablo VT Roadster</li>
</ul>
</li>
…
</ul>
この例に問題はありません。顧客が 1 台の車を所有している場合でも、他の顧客が複数の車を所有している場合もあるからです。
一方、単一アイテムのサブリストを作成する理由が、単にリスト アイテムの一部をオフセットして強調表示するためのインデントを作成することである場合、それは正しくありません。
たとえば、テキストの段落のリストがあるとします。パラグラフの 1 つに、何らかの注意が必要なパッセージがあり、それをインデントしてオフセットしたいとします。リストに入れるとうまくいきますが、スタイルと構造が混在しているため、正しくありません。
これを実現する正しい方法は、セクションを別のタグ ( <blockquote>
、 styled<div>
など) でラップし、そのリスト項目の通常のフローに残すことです。次の例では、強調表示する必要があるリスト項目の 1 つの部分があります。それを(単一項目の)リストに入れるのは間違った方法です:
<h1>Blog posts or something…</h1>
<ul>
<li>
<strong>Foo</strong>
<p>Some long paragraph about Foos, what they do, how they work, etc.</p>
<p>More information about Foos and where they originated.</p>
<p>Instructions on care and feeding of Foos.</p>
</li>
<li>
<strong>Bar</strong>
<p>Detailed description of local watering holes for lawyers.</p>
<p>Anecdotes about experiences of drinking & lawyering.</p>
<!-- This section is to be highlighted and offset to draw attention to it from the rest of this list item. -->
<ul>
<li>
<p>Highlighted account of the subsequent problems and what happened that one strange night.</p>
</li>
</ul>
<p>Summary of what to not do when out drinking with lawyers.</p>
</li>
<li>
<strong>Baaz Luhrmann</strong>
<p>A bunch of stuff about a brass-skinned movie director who made a widely-panned film adaptation of a Shakespeare play who turns to stone and traps your sword when he dies.
</li>
</ul>
代わりに、この目的のために正しいタグを使用する必要があります。意味的にも構造的にも正しいだけでなく、より明確になり、ページのサイズも少し小さくなっています。
<style…>
p.highlight {
margin : 20px 50px;
width : 150px;
}
</style>
…
<li>
<strong>Bar</strong>
<p>Detailed description of local watering holes for lawyers.</p>
<p>Anecdotes about experiences of drinking and lawyering.</p>
<!-- This section is to be highlighted and offset to draw attention to it from the rest of this list item. -->
<p class="highlight">
Highlighted account of the subsequent problems and what happened that one strange night.
</p>
<p>Summary of what to not do when out drinking with lawyers.</p>
</li>