最近、 oocssと呼ばれるこの新しい概念について多くの議論がありdiv
、スタイリング/ページレイアウトの目的でのみメインタグをsでラップするのは悪い習慣ではないかと思いました。
Twitter Bootstrapのようないくつかのフレームワークがそのような方法を使用しているのを見るので、私はこれを求めています。
セマンティックとアクセシビリティの観点から、このようなマークアップの意味は何ですか?
例えば:
<div class="container">
<div class="row">
<div class="span4">
<nav class="nav">...</nav>
</div>
<div class="span8">
<a href="#" class="btn btn-large">...</a>
</div>
</div>
</div>
それ以外の
<div class="menu">
<nav class="nav">...</nav>
<a href="#" class="bttn">...</a>
</div>