Promo Lebaran, Kelas Online CODEPOLITAN Cukup Bayar Setengah Harga KLAIM PROMO

Css dan html

Ditanyakan pada tanggal 28 May 2019 oleh Ilyas fardian Edit  Hapus  Buka Kembali  Tandai 

Permisi boleh tolong jelaskan perbedaan div dan section?

1 JAWABAN / 3 KOMENTAR

User avatar
Ahmad Oriza menjawab pada tanggal 28 May 2019 Jadikan Jawaban Terbaik  Edit  Hapus  Ubah ke Komentar 

Hai Ilyas,

Tag <section> baru diperkenalkan pada saat HTML5 rilis. Tag tersebut adalah salah satu tag baru yang secara semantik bermanfaat untuk mendefinisikan bagian lebih jelas. Seperti halnya tag <article> <header> <footer> <aside>, biasanya tag section digunakan untuk menjelaskan bagian apakah komponen dalam HTML. Tag section tidak untuk di stylingkan / di css kan. Jd pure untuk menjelaskan bagian halaman saja. Misal menandai bagian chapter, header, footer. Dengan adanya tag section, browser / search engine akan lebih mudah membedakan bagian dalam sebuah halaman website. Mungkin lebih seperti menegaskan batasan, seperti kode berikut ini :

<!-- Form Pendaftaran -->
<section>
    <form>
        <input type="text" name="email"/>
        <button>Register!</button>
    </form>
</section>

<!-- User Data -->
<section>
    <table>
    ...
    </table>
</section>

Nah kalau tag <div> umumnya digunakan untuk grouping tag untuk menghasilkan sebuah komponen baru. Biasanya tag div dikasih css, baik untuk bentuk serta posisi. Bisa dipakai untuk membuat box product dengan harga, membuat tabulasi, membuat modal popup dst.