インデントについて

質問

基本的な質問ですが、リストのインデントの仕方について皆さまはどうされていらっしゃいますか？
リストの中の1行をインデントする場合に前の行の終了タグ</li>の前に新規リスト<ul><li>hoge</li></ul></li>を入れれば表示上は改行されますが、リストの行の中に新規リストを入れるのはマークアップ上正しいのでしょうか?
また、段落のインデントは段落の前後にblockquoteを入れてインデントをかけるという方法もありますが、引用文でもないものを表示効果のねらいでblockquoteを使うのは正しいのでしょうか?
いずれも、各行内にクラスを割り当ててCSSでマージンを設定する方が妥当なのでしょうか？

回答No.3

xenotactic · ベストアンサー

<ul>
<li>野菜
<ul>
<li>トマト</li>
<li>きゅうり</li>
<li>にんじん</li>
</ul>
</li>
<li>肉</li>
<li>米</li>
</ul>

このようにliの中にulを入れることはできます。
表示例は

・野菜
　・トマト
　・きゅうり
　・にんじん
・肉
・米

です。

<ul>
<li>野菜
<ol>
<li>トマト</li>
<li>きゅうり</li>
<li>にんじん</li>
</ol>
</li>
<li>肉</li>
<li>米</li>
</ul>

もOKですし、

<ul>
<li>
<dl>
<dt>野菜</dt>
<dd>
<ul>
<li>トマト</li>
<li>きゅうり</li>
<li>にんじん</li>
</ul>
</dd>
</li>
<li>肉</li>
<li>米</li>
</ul>

みたいなこともOKです。構造的にどれが正しいのかは微妙ですが。

blockquoteは引用部分に使います。
インデントするためにHTMLを変えるというのはルール違反です。
CSSでmarginあるいはpaddingあるいはtext-indentを使いましょう。

お礼

しばらく海外に行っておりまして、反応が遅くなり失礼しました。
丁寧な回答ありがとうございました。

回答No.2

naokita

見た目や改行の為に<li><ul><li>hoge</li></ul></li>だけなら、間違い。
padding,marginで。

リストの中に更にリストがあるなら、
-------------------------
hoge
　・hoge1
　・hoge2
　　　・hoge2-1
　　　・hoge2-2
　・hoge3
　　hoge4
-------------------------
何重にでもリストを入れても良い。それがリストなのだから。

見た目だけのインデントの為にblockquoteを使うのは、間違い。
別にmarginでなくても出来るし、行単位でなくても divだけで可能。
HTMLは解説通りに使い、見た目はCSSで。

回答No.1

SAYKA

？？？
質問しているHTMLの状況が理解できないんだけれどどうしたいの？
リストの1行をインデントって
　・hoge1
　・hoge2
って手合いじゃなく？
　・hoge1
　　hoge1-2
って事？
そんならli中でbrでしょ。

そうじゃなく、liの手前にあるインデント空白の制御をどうするのか知りたいの？それならpadding