Dan Bila Menggunakan ARTIKEL, ASIDE, dan DIV
Unsur SEKSYEN HTML5 baru boleh agak membingungkan. Jika anda telah membina dokumen HTML sebelum HTML5, kemungkinan anda telah menggunakan elemen untuk membuat bahagian struktur dalam halaman anda dan kemudian gaya laman dengannya. Jadi, ia mungkin kelihatan seperti perkara semulajadi untuk menggantikan elemen DIV sedia ada anda dengan elemen SEKSYEN. Tetapi ini tidak tepat secara teknikal. Jadi jika anda tidak hanya menggantikan elemen DIV dengan elemen SEKSYEN, bagaimana anda menggunakannya dengan betul?
Unsur BAHAGIAN adalah Unsur Semantik
Perkara pertama untuk difahami adalah bahawa elemen SECTION adalah unsur semantik . Ini bermakna ia memberi makna kepada kedua-dua ejen pengguna dan manusia mengenai apa kandungan yang disertakan-khususnya bahagian dokumen.
Ini mungkin kelihatan seperti penerangan semantik yang sangat umum, dan itu kerana ia adalah. Terdapat elemen HTML5 lain yang memberikan lebih banyak perbezaan semantik kepada kandungan anda yang harus anda gunakan terlebih dahulu sebelum anda menggunakan elemen SEKSYEN:
- ARTIKEL
- ASIDE
- NAB
Kapan Menggunakan Elemen SECTION
Gunakan elemen ARTIKEL apabila kandungan itu merupakan bahagian bebas laman web yang boleh berdiri sendiri dan disindikasi seperti artikel atau catatan blog. Gunakan elemen ASIDE apabila kandungan itu berkaitan dengan sama ada kandungan halaman atau laman web itu sendiri, seperti sidebars, anotasi, nota kaki, atau maklumat tapak yang berkaitan. Gunakan elemen NAV untuk kandungan navigasi.
Elemen SECTION ialah unsur semantik generik. Anda menggunakannya apabila tiada elemen kontena semantik lain yang sesuai. Anda menggunakannya untuk menggabungkan bahagian-bahagian dokumen anda bersama-sama ke dalam unit diskret yang anda boleh terangkan sebagai berkaitan dalam beberapa cara. Jika anda tidak dapat menerangkan unsur-unsur dalam bahagian dalam satu atau dua ayat, maka anda mungkin tidak boleh menggunakan elemen tersebut.
Sebaliknya, anda harus menggunakan elemen DIV. Unsur DIV dalam HTML5 adalah elemen kontena bukan semantik. Jika kandungan yang anda cuba gabungkan tidak mempunyai arti semantik, tetapi anda masih perlu menggabungkannya untuk gaya, maka elemen DIV adalah elemen yang sesuai untuk digunakan.
Bagaimana Elemen SECTION berfungsi
Seksyen dokumen anda boleh muncul sebagai bekas luar untuk artikel dan unsur ASIDE. Ia juga boleh mengandungi kandungan yang bukan sebahagian daripada ARTIKEL atau ASIDE. A elemen SEKSYEN juga boleh didapati di dalam ARTIKEL, NAB, atau ASIDE. Anda juga boleh membuat bahagian sarang untuk menunjukkan bahawa satu kumpulan kandungan adalah satu bahagian kumpulan lain kandungan yang merupakan bahagian artikel atau halaman secara keseluruhan.
Elemen SECTION mencipta item di dalam garis besar dokumen. Dan oleh itu, anda harus sentiasa mempunyai elemen pengepala (H1 hingga H6) sebagai sebahagian daripada bahagian tersebut. Jika anda tidak dapat membuat tajuk untuk bahagian, maka elemen DIV mungkin lebih sesuai. Ingat, jika anda tidak mahu tajuk seksyen muncul di halaman, anda boleh selalu menutupnya dengan CSS.
Bila Tidak Menggunakan SECTION Element
Di luar nasihat di atas untuk menggunakan elemen semantik yang lebih spesifik terlebih dahulu, terdapat satu kawasan pasti yang anda tidak boleh menggunakan elemen SEKSYEN: untuk gaya sahaja.
Dengan kata lain, jika satu-satunya sebab anda meletakkan elemen di tempat itu ialah dengan melampirkan sifat-sifat gaya CSS, anda tidak boleh menggunakan elemen SECTION. Cari elemen semantik atau gunakan elemen DIV sebaliknya.
Akhirnya Ia Tidak Mungkin
Kesulitan dalam menulis HTML semantik ialah apa yang semantik kepada saya mungkin tidak masuk akal kepada anda. Jika anda merasakan bahawa anda boleh membenarkan menggunakan elemen SECTION dalam dokumen anda, maka anda harus menggunakannya. Kebanyakan ejen pengguna tidak peduli dan akan memaparkan halaman seperti yang anda jangkakan sama ada anda menyusun DIV atau SECTION.
Bagi pereka yang suka betul secara betul, menggunakan elemen SECTION dengan cara semantik yang sah adalah penting. Bagi pereka yang hanya mahu laman mereka berfungsi, itu tidak begitu penting. Saya percaya bahawa penulisan HTML secara semantik sah adalah amalan yang baik dan membuat halaman lebih masa depan. Tetapi pada akhirnya terpulang kepada anda.