HTML5 baru
BAGIAN elemen bisa agak membingungkan. Jika Anda telah membuat dokumen HTML sebelum HTML5, kemungkinan Anda sudah menggunakan elemen untuk membuat divisi struktural dalam halaman Anda dan kemudian menata halaman dengan mereka. Jadi mungkin tampak seperti hal yang wajar untuk menggantikan yang sudah ada
DIV elemen dengan
BAGIAN elemen. Tapi ini secara teknis tidak benar. Jadi jika Anda tidak mengganti saja
DIV elemen dengan
BAGIAN elemen, bagaimana Anda menggunakannya dengan benar?
Elemen SECTION Adalah Elemen Semantik
Hal pertama yang harus dipahami adalah bahwa
BAGIAN elemen adalah elemen semantik. Ini berarti bahwa itu memberikan arti kepada agen pengguna dan manusia tentang apa isi yang terlampir - khususnya bagian dari dokumen.
Ini mungkin tampak seperti deskripsi semantik yang sangat umum, dan itu karena itu. Ada elemen HTML5 lain yang memberikan lebih banyak perbedaan semantik ke konten Anda yang harus Anda gunakan terlebih dahulu sebelum Anda menggunakan
BAGIAN elemen:
-
ARTIKEL
-
KE SAMPING
-
NAV
Kapan Menggunakan Elemen SECTION
Menggunakan
ARTIKEL elemen ketika konten adalah 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 laman atau situs itu sendiri, seperti bilah sisi, anotasi, catatan kaki, atau informasi situs terkait. Menggunakan
NAV elemen untuk konten yang navigasi.
Itu
BAGIAN elemen adalah elemen semantik generik. Anda menggunakannya ketika tidak ada elemen wadah semantik lainnya yang sesuai. Anda menggunakannya untuk menggabungkan bagian-bagian dokumen Anda bersama-sama ke dalam unit diskrit yang dapat Anda gambarkan sebagai terkait dalam beberapa cara. Jika Anda tidak bisa menggambarkan elemen di bagian dalam satu atau dua kalimat, maka Anda mungkin tidak seharusnya menggunakan elemen.
Sebagai gantinya, Anda harus menggunakan
DIV elemen. Itu
DIV elemen dalam HTML5 adalah elemen penampung non-semantik. Jika konten yang Anda coba gabungkan tidak memiliki makna semantik, tetapi Anda masih perlu mengkombinasikannya untuk styling, lalu
DIV elemen adalah elemen yang tepat untuk digunakan.
Bagaimana Elemen SECTION Bekerja
Suatu bagian dari dokumen Anda dapat muncul sebagai wadah luar untuk artikel dan
KE SAMPING elemen. Ini juga dapat berisi konten yang bukan bagian dari
ARTIKEL atau
KE SAMPING. SEBUAH
BAGIAN elemen juga dapat ditemukan di dalam sebuah
ARTIKEL,
NAV, atau
KE SAMPING. Anda bahkan dapat menumpuk bagian untuk menunjukkan bahwa satu kelompok konten adalah bagian dari kelompok konten lain yang merupakan bagian dari artikel atau halaman secara keseluruhan.
Itu
BAGIAN elemen membuat item di dalam garis besar dokumen. Dan karena itu, Anda harus selalu memiliki elemen header (
H1 melalui
H6) sebagai bagian dari bagian. Jika Anda tidak bisa datang dengan judul untuk bagian, maka lagi
DIV elemen mungkin lebih tepat. Ingat, jika Anda tidak ingin judul bagian muncul di halaman, Anda selalu dapat menutupinya dengan CSS.
Kapan Tidak Menggunakan Elemen SECTION
Di luar saran di atas untuk menggunakan elemen semantik yang lebih spesifik terlebih dahulu, ada satu area pasti yang seharusnya tidak Anda gunakan
BAGIAN elemen: hanya untuk gaya.
Dengan kata lain, jika satu-satunya alasan Anda menempatkan elemen di tempat itu adalah melampirkan properti gaya CSS, Anda tidak boleh menggunakan
BAGIAN elemen. Temukan elemen semantik atau gunakan
Akhirnya Ini Tidak Penting
Kesulitan dalam menulis semantik HTML adalah bahwa apa yang semantik bagi saya dapat menjadi omong kosong bagi Anda. Jika Anda merasa bahwa Anda dapat membenarkan menggunakan
BAGIAN elemen dalam dokumen Anda, maka Anda harus menggunakannya. Kebanyakan agen pengguna tidak peduli dan akan menampilkan halaman seperti yang Anda harapkan apakah Anda bergaya a
DIV atau a
BAGIAN.
Untuk desainer yang suka semantik benar, menggunakan
BAGIAN elemen dengan cara semantik yang valid adalah penting. Untuk desainer yang hanya ingin halaman mereka berfungsi, itu tidak sepenting itu. Kami percaya bahwa menulis HTML yang semantik valid adalah praktik yang baik dan membuat laman lebih kedap suara di masa depan. Tetapi pada akhirnya terserah Anda.
