HTML5 baru bagian elemen bisa agak membingungkan. Jika Anda telah membuat dokumen HTML sebelum HTML5, kemungkinan Anda sudah menggunakan elemen tersebut untuk membuat divisi struktural dalam halaman Anda dan kemudian menata halaman dengan mereka. Jadi mungkin tampak seperti hal yang wajar untuk mengganti yang ada DIV elemen dengan bagian elemen. Tapi ini secara teknis tidak benar.
Elemen 'bagian' Adalah Elemen Semantik
Itu BAGIAN elemen adalah semantik elemen; itu memberikan makna bagi agen pengguna dan manusia tentang apa konten terlampir — khususnya, bagian dari dokumen.
Ini mungkin tampak seperti deskripsi yang sangat umum, dan itu karena memang demikian. Ada yang lain elemen HTML5 yang memberikan lebih banyak perbedaan semantik pada konten Anda yang harus Anda gunakan terlebih dahulu sebelum Anda menggunakan bagian elemen:
- Artikel
- Ke samping
- navigasi
Kapan Menggunakan Elemen 'bagian'
Menggunakan artikel elemen ketika konten merupakan bagian independen dari situs yang dapat berdiri sendiri dan disindikasikan seperti artikel atau posting blog. Menggunakan
ke samping elemen ketika konten secara tangensial terkait dengan konten halaman atau situs itu sendiri, seperti bilah sisi, anotasi, catatan kaki, atau informasi situs terkait. Menggunakan navigasi elemen untuk konten yang mendukung navigasi situs.Itu bagian elemen adalah elemen semantik generik. Gunakan ketika tidak ada elemen wadah semantik lainnya yang sesuai. Ini menggabungkan bagian dari dokumen Anda ke dalam unit diskrit yang dapat Anda gambarkan sebagai terkait dalam beberapa cara. Jika Anda tidak dapat mendeskripsikan elemen di bagian dalam satu atau dua kalimat, maka Anda sebaiknya tidak menggunakan elemen tersebut.
Sebaliknya, Anda harus menggunakan use DIV elemen. Itu DIV elemen dalam HTML5 adalah elemen wadah non-semantik. Jika konten yang Anda coba gabungkan tidak memiliki arti semantik, tetapi Anda masih perlu menggabungkannya untuk penataan, maka DIV elemen adalah elemen yang tepat untuk digunakan.
Bagaimana Elemen 'bagian' Bekerja
Bagian dari dokumen Anda dapat muncul sebagai wadah luar untuk artikel dan ke samping elemen. Itu juga dapat berisi konten yang bukan bagian dari artikel atau ke samping. SEBUAH bagian elemen juga dapat ditemukan di dalam an artikel, navigasi, atau ke samping. Anda bahkan dapat menyusun bagian untuk menunjukkan bahwa satu grup konten adalah bagian dari grup konten lain yang merupakan bagian dari artikel atau halaman secara keseluruhan.
Itu bagian elemen membuat item di dalam kerangka dokumen. Dan karena itu, Anda harus selalu memiliki elemen header (H1 melalui H6) sebagai bagian dari bagian. Jika Anda tidak dapat menemukan judul untuk bagian tersebut, DIV elemen mungkin lebih tepat.
Jika Anda tidak ingin judul bagian muncul di halaman, Anda selalu dapat menutupinya dengan CSS.
Kapan Tidak Menggunakan Elemen 'bagian'
Ada satu tujuan di mana Anda tidak boleh menggunakan bagian elemen: hanya untuk gaya.
Dengan kata lain, jika satu-satunya alasan Anda meletakkan elemen di tempat itu adalah untuk melampirkan gaya CSS properti, Anda tidak boleh menggunakan a bagian elemen. Menemukan sebuah elemen semantik atau gunakan DIV elemen sebagai gantinya.
Akhirnya Mungkin Tidak Penting
Kesulitan dalam menulis HTML semantik adalah bahwa apa yang semantik bagi browser mungkin sama sekali tidak masuk akal bagi Anda. Jika Anda merasa bahwa Anda dapat membenarkan menggunakan bagian elemen dalam dokumen Anda, maka Anda harus menggunakannya. Sebagian besar agen pengguna tidak peduli dan akan menampilkan halaman seperti yang Anda duga apakah Anda bergaya a DIV atau bagian.
Untuk desainer yang suka benar secara semantik, gunakan using bagian elemen dengan cara yang valid secara semantik adalah penting. Untuk desainer yang hanya ingin halaman mereka berfungsi, itu tidak terlalu penting. Menulis HTML yang valid secara semantik adalah praktik yang baik dan membuat halaman lebih tahan terhadap masa depan. Tapi pada akhirnya, terserah Anda.