Diskusi Meidhika Nawa Sapta

Meidhika Nawa Sapta
Ditanyakan pada: Latihan Menggunakan Semantic Element

Penggunaan Semantic Element Div, Section & Article

izin bertanya, saya masih agak bingung dalam penggunaan tag <div> <section> dan <article>
 apakah bisa tag <div> digunakan sebagai child element dari <section> dan <article> ?? sperti berikut
 <section>
  <div></div>
 </section>
 
 <article>
  <div></div>
 </article>
 
 lalu apakah bisa tag <section> berada didalam/child element dari tag <article> ? seperti berikut
 <article>
  <section></section>
 </article>
 
 dan juga sebaliknya, tag <article> didalam tag <section>
 <section>
  <article></article>
 </section>
 
 dan lalu apakah bisa tag <section> berada didalam tag <section> ?? begitu juga tag <article> didalam tag <article> sperti berikut
 <section>
  <section>
  </section>
 </section>
 
 <article>
  <article>
  </article>
 </article>
 
 mohon pencerahannya kakak2 sekalian.

2 Jawaban

Bantu Jawab
Avatar
Muhammad Fakhry Burhanuddin

13 hari yang lalu

Tentu bisa kak. Tapi alangkah baiknya elemen semantik dipergunakan sebagaimana mestinya.

Dalam HTML5, kita dikenalkan pada beberapa elemen yang dapat digunakan untuk mengelompokkan sebuah elemen dengan lebih jelas dan memiliki arti (semantic meaning). Elemen-elemen ini memiliki nama sesuai dengan fungsi atau peran dari elemen tersebut.

Sebuah elemen yang memiliki kesamaan konten dan sebuah heading di dalamnya dapat dikelompokkan dengan menggunakan elemen <section>.

Misal sebuah landing page memiliki beberapa bagian seperti About Me, Contact Form makai bagian ini bisa dimasukkan ke elemen section.

Meidhika Nawa Sapta

nah kak, untuk penggunaan yang benar itu <section> dialam <article> atau <article> didalam <section> karena sering tertukar diantara keduanya..

apaka bisa seperti ini kak?

<section>
<article>
</article>
</section>

dan apakah dibenarkan juga penggunaan nested <article> ataupun <section> seperti berikut?

<article>
<article>
</article>
</article>
Muhammad Fakhry Burhanuddin

section dalam artikel dan artikel dalam section keduanya benar. Kembali lagi kepada struktur desain halaman yang kita buat. Kalau article dalam article sepertinya kurang tepat.

Sebaiknya tentukan dulu desainnya gimana dan tentukan elemen semantiknya.

Meidhika Nawa Sapta

oke baik kak, terimakasih atas infonya

Avatar
BroKoding

13 hari yang lalu

Halo kak, benar seperti yang dicontohkan ya. Ketiga element tersebut bisa saling digunakan dalam berbagai struktur parent-child.

Akan berbeda cerita apabila contoh element table dan element tr yang dimana tr harus didalam table.

Meidhika Nawa Sapta

oke, terimakasih kak

BroKoding

Sama-sama kak :)