2012-03-22 8 views
1

#1と#2の違いはありますか?私はクロスブラウザの互換性とアクセシビリティについて考えています。私はもう一方へのアプローチを好むべきですか、それとも違いはありませんか? 件名に関する記事へのリンクは大歓迎です。ulまたはラッピングdivにクラスが適用されていますか?

<div class="tags"> 
<ul> 
<li>tag 1</li> 
<li>tag 2</li> 
<li>tag 3</li> 
</ul> 
</div> 


<ul class="tags"> 
<li>tag 1</li> 
<li>tag 2</li> 
<li>tag 3</li> 
</ul> 
+3

不要なdivを避けるという意味で、HTMLを可能な限りリーンに保つようにしてください。 divはセマンティックな意味を持たず、必要な場合にのみ使用してください。上記の例では、これ以上の文脈はないので、オプション2を使うべきです。 – Jason

答えて

5

divは、スタイルとコンテンツを与えるまで、空の(意味的に意味のない)要素です。 divsとulsは両方ともデフォルトではブロックレベルの要素なので、ラッピングdivを使用するために余分なコードを追加するだけのようです。たとえば、ulの周りの領域をスタイルするようなことをしない限り、独自のスタイルが適用された折り返しdivが必要な場合があります。私たちが見るかもしれないことを心に留めている特別な目的はありますか?あなたがしたい場合を除き、私はコンテナに異なるコンテンツを入れたい場合には

+0

ありがとう。これは、各ブログ投稿の最後に表示されるタグのリストです。彼らはすでに

タグの中にあります。私は#2と一緒に行くので、私は特定のスタイルを必要としません。 – Barbara

0

、AJAXのinsertingsと同じように、私はdivul両方のでオプション1を好む余分divコンテナを追加し、ブロックレベル要素ですが、やり過ぎですdivのスタイル(つまりパディング)

関連する問題