HTML5 baru
SEKSYEN elemen boleh agak mengelirukan. 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 hanya menggantikan yang sedia ada
DIV unsur dengan
SEKSYEN unsur-unsur. Tetapi ini tidak tepat secara teknikal. Jadi jika anda tidak hanya mengganti
DIV unsur dengan
SEKSYEN elemen, bagaimana anda menggunakannya dengan betul?
Elemen SECTION Elemen Semantik
Perkara pertama untuk difahami adalah bahawa
SEKSYEN unsur 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 menggunakannya
SEKSYEN elemen:
-
ARTIKEL
-
ASIDE
-
NAB
Kapan Menggunakan Elemen SECTION
Menggunakan
ARTIKEL elemen apabila kandungan itu merupakan bahagian bebas laman web yang boleh berdiri sendiri dan disindikasi seperti artikel atau catatan blog. Menggunakan
ASIDE elemen apabila kandungan tersebut secara tangen berkaitan dengan sama ada kandungan halaman atau tapak itu sendiri, seperti sidebars, anotasi, nota kaki, atau maklumat tapak terkait. Menggunakan
NAB unsur kandungan navigasi.
The
SEKSYEN unsur adalah 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
DIV elemen. The
DIV elemen 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
DIV elemen adalah elemen yang sesuai untuk digunakan.
Bagaimana Elemen SECTION berfungsi
Satu bahagian dokumen anda boleh muncul sebagai bekas luar bagi artikel dan
ASIDE unsur-unsur. Ia juga boleh mengandungi kandungan yang bukan sebahagian daripada
ARTIKEL atau
ASIDE. A
SEKSYEN elemen juga boleh didapati di dalamnya
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.
The
SEKSYEN elemen mewujudkan item di dalam garis besar dokumen. Dan oleh itu, anda harus sentiasa mempunyai elemen header (
H1 melalui
H6) sebagai sebahagian daripada seksyen ini. Jika anda tidak boleh membuat tajuk untuk bahagian itu, maka sekali lagi
DIV elemen 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
SEKSYEN elemen: untuk gaya sahaja.
Dalam erti kata lain, jika satu-satunya sebab anda meletakkan elemen di tempat itu adalah dengan melampirkan sifat-sifat gaya CSS, anda tidak boleh menggunakan
SEKSYEN elemen. Cari elemen semantik atau gunakan
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
SEKSYEN elemen dalam dokumen anda, maka anda harus menggunakannya. Kebanyakan ejen pengguna tidak peduli dan akan memaparkan halaman seperti yang anda harapkan sama ada anda menstabilkan
DIV atau a
SEKSYEN.
Untuk pereka yang suka betul secara betul, menggunakan
SEKSYEN elemen dalam cara semantik yang sah adalah penting. Bagi pereka yang hanya mahu laman mereka berfungsi, itu tidak begitu penting. Kami percaya bahawa penulisan HTML secara semantik sah adalah amalan yang baik dan menyimpan laman web yang lebih masa depan. Tetapi pada akhirnya terpulang kepada anda.
