0

yui3の資料が見つかりませんでしたので、以下にご意見をお聞かせください。ベストプラクティスとその理由は何ですか？

<div class="yui3-u-1-3" id="logo">
... content
</div>

また

<div class="yui3-u-1-3">
<div id="logo">
..... content
</div>
</div>

よろしく、城

4

2 に答える 2

0

何か明示的なものになるまで、IDではなくCLASSを使用したいと思います。これまで、過去2年間からyui3グリッドを使用しています。これまでのところうまくいっています。

<div class="yui3-u-1-3 logo">
content 
</div>

また

<div class="yui3-u-1-3">
 <h5 class="logo">logo goes here</h5>
</div>
于 2012-06-08T04:18:35.513 に答える
0

純粋にレイアウト固有のHTMLでIDを使用するためのベストプラクティスを検討します。

例えば。

  • #outer-container
  • #wrapper
  • #sidebar

とは言っても、万が一、ページにこれらのインスタンスが複数ある可能性のあるリモートのインスタンスであっても、安全にプレイしてクラスを使用してください。

いくつかのパフォーマンス上の利点があります（ただし、ブラウザのレンダリングエンジンと速度が高速化されているため、現在はほとんど無視できます）。

  • IDセレクターはCSSでわずかに高速です
  • IDセレクターはJSを使用したフックとしてより効率的です

JonathanSnookのSMACSS電子書籍からこのすばらしいセクションを読んでください：https ：//smacss.com/book/type-layout

于 2012-06-09T01:32:49.790 に答える