Kapan menggunakan elemen SECTION?


8

Saya agak bingung dengan elemen HTML5 baru <section>,. Apa cara yang benar untuk menggunakannya?
Pertimbangkan garis besar ini:

<article>
  <header>
    <h2>Title</h2>
    <p>Spiffy tagline</p>
  </header>
  <section>
    <p>My content! BLA BLA BLA YADDA YADDA</p>
    <p>Some more content!</b>
  </section>
</article>

Apakah masuk akal?
Bagaimana jika saya memiliki artikel yang lebih kecil, hanya dengan judul dan teks singkat? Apakah (semantik, khusus, dll.) Untuk menghilangkannya section?

Jawaban:


2

Jika Anda tidak memerlukan bagian (memiliki artikel kecil), Anda dapat menggunakan <article>entitas kosong di sekitar konten Anda. Dan ketika Anda tidak melakukannya, bagian ini dapat membungkus sub-judul dan paragraf di bagian tersebut.

Lihat spesifikasi bagian html5 .

Contoh:

<header>
  <h1>Blog Posts</h1>
</header>
<article>
  <header>
    <h1>Article Header</h1>
    <h2>My Awesome Stuff!</h2>
  </header>
  <p>My content! BLA BLA BLA YADDA YADDA</p>
  <p>Some more content!</b>
</article>
<article>
  <header>
    <h1>Article 2 Header</h1>
    <h2>More of My Awesome Stuff!</h2>
  </header>
  <section>
    <header>
      <h1>Getting started</h1>
    </header>
    <p>Getting started text</p>
  </section>
  <section>
    <header>
      <h1>Now you're underway</h1>
    </header>
    <p>Underway text</p>
  </section>
  <section>
    <header>
      <h1>Wrapping up</h1>
    </header>
    <p>Wrapping up text</p>
  </section>
</article>

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.