Kafam karıştı birkaç farklı makale okuduktan sonra HTML5 ve bir düzen kurmaya çalışıyorum. Kullanılması gerektiği hakkında bazı giriş almak için çalışıyorum.

Aşağıda bir ileri bir geri gidiyorum varyasyonları:

1)

<section id="content">
      <h1>Heading</h1>
      <div id="primary">
         Some text goes here...
      </div>
   </section>

Bölüm etiketi bir kap gibi davranmaya kullanabilir misin?

2)

 <div id="content">
      <h1>Heading</h1>
      <section id="primary">
         <article>
            <h2>Post Title</h2>
            <p>Some text goes here...</p>
         </article>
      </section>
      <section id="primary">
         <article>
            <h2>Post Title</h2>
            <p>Some text goes here...</p>
         </article>
      </section>
   </div>

<section> etiketi kullanmak için doğru yöntemi nedir?

Cevap geçerli spec:

Bölüm öğesini gösterir belgenin genel bir bölüm ya uygulama. Bir bölümü, bu bağlamda, tematik bir gruplandırma. içerik, genellikle bir başlık ile.

Bölümler örnek bölümler, çeşitli sekmeli sayfalar olurdu sekmeli kutu, ya da bir tez numaralı bölüm iletişim. Bir Web sitesinin Ana Sayfa giriş, bir haber için bölümlere sahip olabilir öğeleri ve iletişim bilgileri.

Yazarlar için teşvik ediliryerine makale öğesini kullanın sense içeriğini birleştirmek olurdu zaman bölüm elemanı eleman.

bölüm elemanı genel kapsayıcı bir unsur değil. Bir zaman öğe için bir kolaylık olarak şekillendirme amacıyla veya gerekli betik, yazarlar div öğesi yerine kullanmak için teşvik edilir. Bir genel kural bubölüm öğesi yalnızca uygun elemanın içeriğini açıkça belgenin listesinde yer alır anahat.

Referans:

• http://www.w3.org/TR/html5/sections.html#the-section-element
• http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-section-element

Ayrıca Bkz:

• http://html5doctor.com/the-section-element/
• http://www.impressivewebs.com/html5-section/

Bu elemanın amacı hakkında büyük bir karışıklık var gibi görünüyor, ama üzerinde anlaşılan tek bir şey olmasıdırdeğilgenel sarıcı, <div> gibidir. Semantik amaçlar ve bir CSS veya JavaScript kanca değil (buna rağmen kesinlikle . için kullanılmalıdır ^em>olabilirtarz olmak ya da "") komut dosyası.

Daha iyi bir örnek, benim bildiğim, böyle bir şey olabilir:

<div id="content">
  <article>
     <h2>How to use the section tag</h2>
     <section id="disclaimer">
         <h3>Disclaimer</h3>
         <p>Don't take my word for it...</p>
     </section>
     <section id="examples">
       <h3>Examples</h3>
       <p>But here's how I would do it...</p>
     </section>
     <section id="closing_notes">
       <h3>Closing Notes</h3>
       <p>Well that was fun. I wonder if the spec will change next week?</p>
     </section>
  </article>
</div>

<div> tamamen non-semantik olarak, herhangi bir yerde HTML spec izin belgesinde kullanılabilir, ama gerekli olduğunu unutmayın.