Penggunaan dan Fungsi section di HTML

Penggunaan dan Fungsi section di HTML
Konten Halaman

Fungsi section di HTML adalah untuk memisahkan isi sebuah konten dan diusahakan memiliki heading seperti h1, h2, h3, h4, h5 dan h6, tujuannya untuk membentuk struktur yang baik bisa diakses dan dipahami untuk dibaca oleh manusia atau oleh mesin crawl bot untuk SEO (Search Engine Optimize).

Elemen tag <section> adalah bagian hanya digunakan jika tidak ada elemen yang lebih spesifik untuk mewakili sebuah konten terkait. Bagian ini harus terdiri dari konten terkait, seperti informasi kontak. Misalnya, teman-teman tidak akan menggunakan elemen <section> untuk mengelompokkan sebuah tautan navigasi digabungkan dengan menggunakan elemen <nav> maka menggunakan elemen <section> untuk membagi sebuah content di halaman situs web.

contoh menggunakan section:

<h1>Beranda</h1>
<section>
  <h2>Tentang Kami</h2>
  <p>
    kami adalah website pemburukode.com membagikan tutorial dan belajar bersama
    bahasa pemrograman.
  </p>
</section>

<section>
  <h2>Hubungi Kami</h2>
  <p>bisa hubungi di 08900000000, alamat di Bandung, Coblong.</p>
</section>

contoh menggunakan section dengan tag article:

<article>
  <hgroup>
    <h1>HTML</h1>
    <h2>CSS</h2>
  </hgroup>
  <p>2 tag elemen yang banyak digunakan di HTML</p>

  <section>
    <h2>Tag h1, h2, h3, h4, h5 dan h6</h2>
    <p>
      tag dengan awalan huruf h adalah singkatan dari heading, heading terdapat
      ukuran dari 1 sampai 6.
    </p>
  </section>

  <section>
    <h2>2 tag html yang akan punah dan tidak lagi dikembangkan di browser</h2>
    <p>
      jarang orang yang tau dan menggunakan tag center dan marquee, canter
      adalah memaksa konten berada di tengah dan marquee memberikan effect
      berjalan.
    </p>
  </section>

  <section>
    <h2>HTML tanpa css bagaikan sayur tanpa garam</h2>
    <p>
      CSS hukumnya wajib jika ingin mempercantik tampilan website kalian. ibarat
      sayur tanpa garam maka hambar.
    </p>
  </section>
</article>

Kesimpulan tag section

Penggunaan tag section adalah untuk membagi isi content untuk mudah dibaca dan dipahami contohnya untuk mewakili bagian dari dokumen yang terkait dengan tema yang sama tetapi tidak dapat didistribusikan atau digunakan kembali secara independen. Pendahuluan, item berita, dan informasi kontak di beranda.