ແລະໃນເວລາທີ່ຈະນໍາໃຊ້ ARTICLE, ASIDE, ແລະ DIV
ອົງປະກອບຂອງ HTML5 SECTION ໃຫມ່ສາມາດສັບສົນໄດ້. ຖ້າທ່ານໄດ້ສ້າງ ເອກະສານ HTML ກ່ອນ HTML5, ໂອກາດທີ່ທ່ານກໍາລັງໃຊ້ອົງປະກອບເພື່ອສ້າງການແບ່ງປັນໂຄງສ້າງພາຍໃນຫນ້າຂອງທ່ານແລະຫຼັງຈາກນັ້ນໃຫ້ໃສ່ຫນ້າຂອງພວກເຂົາ. ດັ່ງນັ້ນ, ມັນອາດຈະເບິ່ງຄືວ່າເປັນສິ່ງທໍາມະດາທີ່ພຽງແຕ່ແທນທີ່ອົງປະກອບ DIV ທີ່ມີຢູ່ຂອງທ່ານທີ່ມີອົງປະກອບ SECTION. ແຕ່ນີ້ແມ່ນທາງດ້ານເທກນິກບໍ່ຖືກຕ້ອງ. ດັ່ງນັ້ນ, ຖ້າທ່ານບໍ່ພຽງແຕ່ແທນທີ່ອົງປະກອບ DIV ກັບອົງປະກອບ SECTION, ທ່ານໃຊ້ພວກມັນຢ່າງຖືກຕ້ອງແນວໃດ?
ອົງປະກອບ SECTION ເປັນອົງປະກອບ Semantic
ສິ່ງທໍາອິດທີ່ເຂົ້າໃຈແມ່ນວ່າອົງປະກອບ SECTION ເປັນອົງປະກອບທີ່ ສົມຈິງ . ນີ້ຫມາຍຄວາມວ່າມັນມີຄວາມຫມາຍສໍາລັບຕົວແທນຜູ້ໃຊ້ແລະມະນຸດກ່ຽວກັບເນື້ອຫາທີ່ຕິດຂື້ນໂດຍສະເພາະພາກສ່ວນຂອງເອກະສານ.
ນີ້ອາດຈະເບິ່ງຄືວ່າມີຄໍາອະທິບາຍກ່ຽວກັບຄວາມຫມາຍແບບທົ່ວໄປທົ່ວໄປແລະມັນເປັນເພາະວ່າມັນເປັນ. ມີ ອົງປະກອບ HTML5 ອື່ນໆ ທີ່ມີຄວາມແຕກຕ່າງກ່ຽວກັບເນື້ອຫາຂອງທ່ານທີ່ທ່ານຄວນນໍາໃຊ້ກ່ອນທີ່ທ່ານຈະນໍາໃຊ້ອົງປະກອບ SECTION:
- ARTICLE
- ASIDE
- NAV
ເມື່ອນໍາໃຊ້ SECTION Element
ການນໍາໃຊ້ອົງປະກອບ ARTICLE ໃນເວລາທີ່ເນື້ອຫາເປັນພາກສ່ວນເອກະລາດຂອງເວັບໄຊທີ່ສາມາດຢືນຢູ່ຄົນດຽວແລະຖືກລວມຕົວເຊັ່ນບົດຄວາມຫຼື blog post. ໃຊ້ອົງປະກອບ ASIDE ເມື່ອເນື້ອຫາກ່ຽວຂ້ອງກັບເນື້ອຫາຂອງຫນ້າຫລືເວັບໄຊທ໌ເຊັ່ນແຖບຂ້າງ, ຄໍາອະທິບາຍ, ຂໍ້ຄວາມປາຍທາງຫຼືຂໍ້ມູນກ່ຽວກັບເວັບໄຊທ໌ອື່ນໆ. ໃຊ້ອົງປະກອບ NAV ສໍາລັບເນື້ອຫາທີ່ນໍາທາງ.
ອົງປະກອບພາກສ່ວນແມ່ນອົງປະກອບ semantic ໂດຍທົ່ວໄປ. ທ່ານໃຊ້ມັນໃນເວລາທີ່ບໍ່ມີອົງປະກອບທີ່ມີເນື້ອຫາຂອງ semantic ອື່ນໆທີ່ເຫມາະສົມ. ທ່ານໃຊ້ມັນເພື່ອສົມທົບພາກສ່ວນຂອງເອກະສານຂອງທ່ານຮ່ວມກັນເຂົ້າໄປໃນຫນ່ວຍງານທີ່ແຕກຕ່າງກັນທີ່ທ່ານສາມາດອະທິບາຍກ່ຽວກັບການພົວພັນໃນທາງໃດທາງຫນຶ່ງ. ຖ້າທ່ານບໍ່ສາມາດອະທິບາຍອົງປະກອບໃນສ່ວນໃນປະໂຫຍກຫນຶ່ງຫຼືສອງ, ຫຼັງຈາກນັ້ນທ່ານອາດຈະບໍ່ຄວນໃຊ້ອົງປະກອບ.
ແທນທີ່ຈະ, ທ່ານຄວນໃຊ້ອົງປະກອບ DIV. ອົງປະກອບ DIV ໃນ HTML5 ແມ່ນອົງປະກອບບັນຈຸບໍ່ມີຄວາມຫມາຍ. ຖ້າເນື້ອຫາທີ່ທ່ານກໍາລັງພະຍາຍາມສົມທົບບໍ່ມີຄວາມຫມາຍກ່ຽວກັບຄວາມຫມາຍ, ແຕ່ທ່ານຍັງຕ້ອງສົມທົບການສ້າງແບບຟອມ, ຫຼັງຈາກນັ້ນອົງປະກອບ DIV ແມ່ນອົງປະກອບທີ່ເຫມາະສົມທີ່ຈະໃຊ້.
ວິທີການອົງປະກອບ SECTION ເຮັດວຽກ
ສ່ວນຫນຶ່ງຂອງເອກະສານຂອງທ່ານສາມາດປາກົດເປັນບັນຈຸສໍາລັບບົດຄວາມແລະອົງປະກອບ ASIDE. ມັນຍັງສາມາດມີເນື້ອຫາທີ່ບໍ່ແມ່ນສ່ວນຫນຶ່ງຂອງ ARTICLE ຫຼື ASIDE. ອົງປະກອບ SECTION ສາມາດພົບໄດ້ພາຍໃນ ARTICLE, NAV, ຫຼື ASIDE. ທ່ານຍັງສາມາດຮັງສ່ວນເພື່ອຊີ້ໃຫ້ເຫັນວ່າກຸ່ມເນື້ອຫາແມ່ນສ່ວນຫນຶ່ງຂອງເນື້ອຫາອື່ນທີ່ເປັນສ່ວນຫນຶ່ງຂອງບົດຄວາມຫຼືຫນ້າທັງຫມົດ.
ອົງປະກອບ SECTION ສ້າງລາຍການພາຍໃນຮ່າງຂອງເອກະສານ. ແລະດັ່ງນັ້ນ, ທ່ານຄວນມີອົງປະກອບຫົວຂໍ້ (H1 ຫາ H6) ເປັນສ່ວນຫນຶ່ງຂອງພາກສ່ວນນີ້. ຖ້າທ່ານບໍ່ສາມາດສ້າງຫົວຂໍ້ສໍາລັບພາກນີ້, ອີກເທື່ອຫນຶ່ງ, ອົງປະກອບ DIV ແມ່ນອາດຈະເຫມາະສົມ. ຈືຂໍ້ມູນການ, ຖ້າທ່ານບໍ່ຕ້ອງການຫົວຂໍ້ພາກສ່ວນທີ່ຈະປາກົດຢູ່ໃນຫນ້າ, ທ່ານກໍ່ສາມາດໃສ່ມັນດ້ວຍ CSS.
ເມື່ອບໍ່ໃຊ້ SECTION Element
ນອກເຫນືອຈາກຄໍາແນະນໍາຂ້າງເທິງເພື່ອນໍາໃຊ້ອົງປະກອບທີ່ມີຄວາມຫມາຍກ່ຽວກັບສະເພາະຫຼາຍໆຄັ້ງ, ມີເນື້ອໃນທີ່ແນ່ນອນວ່າທ່ານບໍ່ຄວນໃຊ້ອົງປະກອບ SECTION: ສໍາລັບແບບເທົ່ານັ້ນ.
ໃນຄໍາສັບຕ່າງໆອື່ນ, ຖ້າເຫດຜົນທີ່ທ່ານກໍາລັງວາງອົງປະກອບໃນສະຖານທີ່ນັ້ນແມ່ນເພື່ອຄັດຕິດຄຸນສົມບັດແບບ CSS, ທ່ານບໍ່ຄວນໃຊ້ອົງປະກອບ SECTION. ຊອກຫາ ອົງປະກອບທີ່ສົມເຫດສົມຜົນ ຫຼືໃຊ້ອົງປະກອບ DIV ແທນ.
ໃນທີ່ສຸດມັນອາດຈະບໍ່ສໍາຄັນ
ຄວາມຫຍຸ້ງຍາກໃນການຂຽນ HTML ຄວາມຫມາຍແມ່ນວ່າສິ່ງທີ່ເປັນຄວາມຫມາຍສໍາລັບຂ້າພະເຈົ້າອາດຈະບໍ່ສໍາຄັນສໍາລັບທ່ານ. ຖ້າທ່ານຮູ້ສຶກວ່າທ່ານສາມາດແກ້ໄຂໂດຍໃຊ້ອົງປະກອບ SECTION ໃນເອກະສານຂອງທ່ານ, ທ່ານຄວນໃຊ້ມັນ. ຕົວແທນຜູ້ໃຊ້ສ່ວນໃຫຍ່ບໍ່ສົນໃຈແລະຈະສະແດງຫນ້າດັ່ງທີ່ທ່ານອາດຈະຄາດຫວັງວ່າທ່ານຈະເປັນແບບ DIV ຫຼື SECTION.
ສໍາລັບນັກອອກແບບທີ່ມັກຈະຖືກຕ້ອງ, ການນໍາໃຊ້ອົງປະກອບ SECTION ໃນທາງທີ່ຖືກຕ້ອງແມ່ນສໍາຄັນ. ສໍາລັບຜູ້ອອກແບບທີ່ຕ້ອງການຢາກເຮັດຫນ້າທີ່ຂອງພວກເຂົາ, ມັນບໍ່ແມ່ນສິ່ງສໍາຄັນ. ຂ້າພະເຈົ້າເຊື່ອວ່າການຂຽນ HTML ທີ່ຖືກຕ້ອງແມ່ນເປັນການປະຕິບັດທີ່ດີແລະເຮັດໃຫ້ຫນ້າເວັບເພີ່ມເຕີມໃນອະນາຄົດ. ແຕ່ໃນທີ່ສຸດມັນຂຶ້ນກັບທ່ານ.