HTMLでスペースを入れる

質問

http://allabout.co.jp/internet/hpcreate/closeup/CU20060922A/

新着順　　　　　　　　　　　　　　　一覧

という記述をしたいとき、どういう方法がHTML的にきれいでしょうか？

上記サイトのようにスペース文字をいれるか、テーブルで組むか、スパンでいれるか、ＤＩＶで入れるか。

SEOも多少考慮して、どのように記述すればよいと思いますか？

※WEBデザイン業している方はどんなふうに記述するのか、あわよくばお聞きしたいです。

回答No.3

kazu8212

多少のスペースならHTMLソースに
 (半角スペース)
を記述すればいいと思いますが、あまり入れすぎてもソースを見られたときは見苦しいと思います。
私はスペースを空けるときは手っ取り早く
<pre>～</pre>
で囲っています。ten_223さんの質問の場合は、
<pre>新着順　　　　　　　　　　一覧</pre>
という感じでしょうか。
<pre>～</pre>は改行、スペースなどをテキストファイルに記述した通りに反映してくれます。

回答No.2

ORUKA1951

仕様書を読めばよい。
9.1 空白類( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#h-9.1 )

視覚系ブラウザのプレゼンテーションのためだけなら、スタイルシートで設定すべき、文書構造中意味があるなら、スペースを羅列すればよい。
　たとえば、<strong class="very">重要な語句</strong>で前後をあけたいなら、
strong.very{ margin-left: 1em; margin-right: 1em;}

　 SEOが気になるなら、Lynx( http://ja.wikipedia.org/wiki/Lynx_(%E3%82%A6%E3%82%A7%E3%83%96%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6) )で見てみるとか、

回答No.1

nori_007

最終的に、どのような形にしたいですか？
質問の意図が良く分かりません。

新着　　　　　　　　　　一覧

通常で新着情報で有れば

新着　　　　　　　　　　一覧
▲月▲日　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○
　　　　　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○
　　　　　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○
　　　　　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○
　　　　　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○

▲月▲日　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○
　　　　　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○
　　　　　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○
　　　　　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○
　　　　　　○○○○○○○○○○○○○○○○○○○○○○○○○○○○

こんなイメージでしょうか。
内容的に見て table 組で良いと思います。table に拘るので有れば、定義型リストの、dl,dt,dd を利用します。