Generic placeholder image

Css dan html

Ditanyakan pada tanggal 28 May 2019 oleh Ilyas fardian

Permisi boleh tolong jelaskan perbedaan div dan section?

1 JAWABAN / 3 KOMENTAR

Generic placeholder image
Ahmad Oriza menjawab pada tanggal 28 May 2019

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.

Comment ..

jadi apakah benar jika menurut saya lebih baik menggunakan div jikan kita ingin mengubah stylenya misal sebagai wadah dr salah satu tampilan??

Dikomentari pada tanggal 30 May 2019 oleh Ilyas fardian
Comment ..

Betul

Dikomentari pada tanggal 31 May 2019 oleh Ahmad Oriza
Comment ..

baik terima kasih

Dikomentari pada tanggal 31 May 2019 oleh Ilyas fardian