Tutorial HTML5 - Elemen <section>

By Admin | May 23, 2018

Tutorial HTML5 - Elemen <section> image

Elemen section digunakan untuk mengelompokkan bagian-bagian dari dokumen atau apliksi. Tiap bagian biasanya disertai dengan sebuah heading.

Contoh dimana digunakan elemen section yaitu bab buku dan tab halaman HTML. Sebuah halaman depan Web dapat dibagi menjadi beberapa bagian seperti pengenalan, elemen-elemen berita, dan informasi kontak.

Di dalam elemen section dapat mengandung beberapa elemen section.

<div class="tabbed">
 <!-- first panel -->
 <input name="tabbed" id="tabbed1" type="radio" checked>
 <section>
   <h1>
     <label for="tabbed1"><!-- heading --></label>
   </h1>
   <div>
   <!-- content -->
   </div>
 </section>

 <!-- second panel -->
 <input name="tabbed" id="tabbed2" type="radio">
 <section>
   <h1>
     <label for="tabbed2"><!-- heading --></label>
   </h1>
   <div>
   <!-- content -->
   </div>
 </section>

 <!-- and so on -->
</div>

Jika anda suka dengan artikel tersebut, silakan berikan dukungan

Donasi