Tutorial HTML5 - Elemen <article>

By Admin | May 23, 2018

Tutorial HTML5 - Elemen <article> image

Elemen article digunakan untuk menunjukkan bagian tulisan/karangan/artikel. Tiap tulisan/karangan/artikel pasti memiliki sebuah heading. Contoh digunakan elemen article adalah pada post forum, artikel majalah atau koran, dan entri blog.

Di dalam elemen article dapat mengandung elemen article dimana isi anak elemen article harus berkaitan dengan induknya. Contohnya pada blog yang menerima komentar pembaca dimana tiap komentar menggunakan elemen article yang berada di dalam elemen article tulisan/konten blog.

<article class="film_review">
 <header>
   <h2>Jurassic Park</h2>
 </header>
 <section class="main_review">
   <p>Dinos were great!</p>
 </section>
 <section class="user_reviews">
   <article class="user_review">
     <p>Way too scary for me.</p>
     <footer>
       <p>
         Posted on
         <time datetime="2015-05-16 19:00">May 16</time>
         by Lisa.
       </p>
     </footer>
   </article>
   <article class="user_review">
     <p>I agree, dinos are my favorite.</p>
     <footer>
       <p>
         Posted on
         <time datetime="2015-05-17 19:00">May 17</time>
         by Tom.
       </p>
     </footer>
   </article>
 </section>
 <footer>
   <p>
     Posted on
     <time datetime="2015-05-15 19:00">May 15</time>
     by Staff.
   </p>
 </footer>
</article>

Jika anda suka dengan artikel tersebut, silakan berikan dukungan

Donasi