7

私はブートストラップとhtml5ボイラープレートを一緒に使用してサイトをコーディングしており、可能な限り最も意味的に有効な方法でサイトを構築しようとしています。

ですから、私のページは非常に単純で、ヘッダー、2列のセクション、およびフッターで構成されています。

たとえば、ページのセクションとフッターの部分など、意味的に物事を構造化するための最良の方法は、以下のどれであるか疑問に思います。

<div class="row">
   <section>
      ....
   </section>
<div class="row">
   <footer>
     ....
   </footer>
</div>



<section>
   <div class="row">
     ...
   </div>
</section>
<footer>
   <div class="row">
     ....
   </div>
</footer>


<section class="row">
  ...
</section>
<footer class="row">
  ...
</footer>
4

2 に答える 2

6

最後のもの：

<section class="row">
  ...
</section>
<footer class="row">
  ...
</footer>

rowクラスはプレゼンテーションです。

于 2012-11-01T15:16:02.453 に答える
2

<article>メインコンテンツにはタグを使用します。両方の列に記事の内容が含まれている場合は、<section>sを使用して列を区切ることができます。

<article>
  <section id="part-1">
    <header class="section-header">...</header>
    ...
  </section>
  <section id="part-2">
    <header class="section-header">...</header>
    ...
  </section>
</article>
<footer id="main-footer">
  ...
</footer>

<div>次に、CSSのフックとして必要な数のを追加します。

「行」など、特定の視覚的レンダリングを参照するクラス名は使用しないでください。代わりに、「part-1」や「main-footer」などのコンテンツを参照するクラス（およびID）を使用してください。

于 2012-11-01T15:28:51.010 に答える