HTML Singleton Tags ທີ່ບໍ່ມີການປິດລະຫັດ

ສໍາລັບເອກະສານ HTML ສ່ວນໃຫຍ່, ເມື່ອທ່ານຂຽນລະຫັດ HTML ເພື່ອສະແດງໃຫ້ເຂົາເຈົ້າຢູ່ໃນຫນ້າ, ທ່ານຈະເລີ່ມຕົ້ນດ້ວຍແທັບເປີດແລະສິ້ນສຸດດ້ວຍແທັບປິດ. ລະຫວ່າງປ້າຍເຫຼົ່ານີ້ສອງຈະເປັນເນື້ອໃນຂອງອົງປະກອບ. ຍົກ​ຕົວ​ຢ່າງ:

ນີ້ແມ່ນເນື້ອໃນຂອງຂໍ້ຄວາມ

ອົງປະກອບທີ່ງ່າຍດາຍທີ່ສະແດງໃຫ້ເຫັນວ່າການເປີດແລະປິດໂຄ້ດຈະຖືກນໍາໃຊ້ຢ່າງໃດ. ສ່ວນ HTML ສ່ວນໃຫຍ່ປະຕິບັດຕາມແບບດຽວກັນນີ້, ແຕ່ວ່າມີຈໍານວນ HTML ທີ່ບໍ່ມີແທັບເປີດແລະປິດ.

ອົງປະກອບ Void ແມ່ນຫຍັງ?

ອົງປະກອບ void ຫຼື tags singleton ໃນເອກະສານ HTML ແມ່ນແທັກທີ່ບໍ່ຕ້ອງການແທັບປິດຈະຖືກຕ້ອງ. ອົງປະກອບເຫຼົ່ານີ້ແມ່ນປົກກະຕິແລ້ວບໍ່ວ່າຈະຢືນຢູ່ຄົນດຽວຢູ່ໃນຫນ້າຫຼືບ່ອນທີ່ສິ້ນສຸດຂອງເນື້ອຫາຂອງມັນແມ່ນຈະແຈ້ງຈາກສະພາບຂອງຫນ້າຂອງມັນເອງ.

ບັນຊີລາຍຊື່ຂອງ HTML Void Elements

ມີຫລາຍ HTML 5 tags ທີ່ເປັນອົງປະກອບ void. ເມື່ອທ່ານຂຽນ HTML ທີ່ຖືກຕ້ອງ, ທ່ານຄວນຈະປ່ອຍໃຫ້ຫຍໍ້ຂວາງສໍາລັບ tags ເຫຼົ່ານີ້ - ນີ້ແມ່ນສິ່ງທີ່ສະແດງຢູ່ດ້ານລຸ່ມ. ຖ້າທ່ານກໍາລັງຂຽນ XHTML, ຕ້ອງມີຄວາມຕ້ອງການທີ່ຈະລາກລົງ.

• <ພື້ນທີ່> - ໃຊ້ສໍາລັບພື້ນທີ່ຂອງແຜນທີ່ຮູບພາບ

• - URL ຖານສໍາລັບທຸກ URL ທີ່ກ່ຽວຂ້ອງໃນເອກະສານ. ບໍ່ສາມາດມີຫຼາຍກວ່າ 1 ໃນບັນດາເອກະສານເຫຼົ່ານີ້ແລະມັນຕ້ອງຢູ່ໃນ ຂອງຫນ້າ

• 
  - ນີ້ແມ່ນການລ້າງເສັ້ນ, ມັກຈະຖືກນໍາໃຊ້ໃນເນື້ອຫາຂໍ້ຄວາມເພື່ອສ້າງການແບ່ງເສັ້ນດຽວແທນວັກ. ນີ້ບໍ່ຄວນຈະຖືກນໍາໃຊ້ເພື່ອສ້າງການແບ່ງແຍກຕາໃນຫນ້າໂດຍ stacking tags ຈໍານວນຫຼາຍນັບຕັ້ງແຕ່ນັ້ນເປັນຄວາມຕ້ອງການທາງສາຍຕາແລະດັ່ງນັ້ນໂດເມນຂອງ CSS

• - ກໍານົດຄຸນສົມບັດຂອງຄໍສໍາລັບແຕ່ລະຄໍລໍາພາຍໃນອົງປະກອບ

• - ລະບຸຄໍາສັ່ງທີ່ຜູ້ໃຊ້ສາມາດເອີ້ນໄດ້

• - ໃຊ້ກັບແອັບພລິເຄຊັນພາຍນອກແລະເນື້ອຫາການໂຕ້ຕອບສໍາລັບການເຊື່ອມໂຍງ

• ---

  - ກົດລະບຽບຕາມແນວນອນ, ເຊິ່ງເປັນເສັ້ນກົງໃນຫນ້າ. ໃນຫຼາຍໆກໍລະນີ, ຊາຍແດນ CSS ກໍ່ຖືກນໍາໃຊ້ເພື່ອສ້າງເສັ້ນແຍກເປັນເອກະສານ HTML ນີ້

• - ຫນຶ່ງໃນອົງປະກອບຂອງ workhorse ຂອງ HTML, ນີ້ແມ່ນແທັກຮູບພາບ. ມັນຖືກນໍາໃຊ້ເພື່ອເພີ່ມຮູບພາບກາຟິກໃນຫນ້າເວັບ.

• - ອົງປະກອບແບບຟອມທີ່ຖືກນໍາໃຊ້ເພື່ອເກັບຂໍ້ມູນຈາກຜູ້ມາຢ້ຽມຢາມ. ມີຈໍານວນປະເພດທີ່ມີປະໂຫຍດຈໍານວນຫນຶ່ງ, ຈາກຂໍ້ມູນ "ຂໍ້ຄວາມ" ທົ່ວໄປທີ່ໄດ້ຖືກນໍາໃຊ້ໃນຮູບແບບສໍາລັບປີ, ບາງປະເພດຂໍ້ມູນໃຫມ່ທີ່ເປັນສ່ວນຫນຶ່ງຂອງ HTML5

• - ນີ້ຖືກນໍາໃຊ້ເພື່ອກໍານົດພາກສະຫນາມໄຟຟ້າທີ່ສໍາຄັນທີ່ຖືກນໍາໃຊ້ສໍາລັບແບບຟອມ

• - ບໍ່ຄວນສັບສົນກັບ "hyperlink" ຫະລື anchor () ແທໍກ, ການເຊື່ອມໂຍງນີ້ແມ່ນເພື່ອກໍານົດ linage ລະຫວ່າງເອກະສານແລະຊັບພະຍາກອນພາຍນອກ. ຕົວຢ່າງເຊັ່ນທ່ານຈະນໍາໃຊ້ມັນເພື່ອເຊື່ອມຕໍ່ກັບໄຟລ໌ CSS ພາຍນອກ

• - tags meta ແມ່ນ "ຂໍ້ມູນກ່ຽວກັບເນື້ອຫາ". ພວກເຂົາຖືກພົບເຫັນຢູ່ໃນ ຂອງເອກະສານແລະນໍາໃຊ້ເພື່ອສະແດງຂໍ້ມູນຫນ້າເວັບໃຫ້ກັບຕົວທ່ອງເວັບ. ມີ ແທໍກ meta ທີ່ເປັນໄປໄດ້ ທີ່ທ່ານສາມາດໃຊ້ໃນຫນ້າເວັບໄດ້

• - ໃຊ້ເພື່ອກໍານົດພາລາມິເຕີສໍາລັບ plugins

• - ໂຄດຄໍາສັ່ງນີ້ອະນຸຍາດໃຫ້ທ່ານລະບຸເສັ້ນທາງໄຟລ໌ທາງເລືອກສໍາລັບສື່ມວນຊົນໃນຫນ້າຂອງທ່ານ, ລວມທັງວິດີໂອຫຼືຮູບພາບຫຼືໄຟລ໌ສຽງ

• - ແທັກນີ້ຕັ້ງແທັດທີ່ຈະຖືກນໍາໃຊ້ກັບໄຟລ໌ສື່ມວນຊົນ, ວິດີໂອຫຼືສຽງ, ເຊິ່ງມັກຈະຖືກເພີ່ມດ້ວຍແທັບ

• - ນີ້ຢືນສໍາລັບ Word Break Opportunity. ມັນກໍານົດບ່ອນທີ່ຢູ່ໃນຂໍ້ຄວາມທີ່ມັນຈະຍອມຮັບໃນການເພີ່ມເສັ້ນສາຍ.

ອີກເທື່ອຫນຶ່ງ, tags singleton ນີ້ແມ່ນຂໍ້ຍົກເວັ້ນກັບກົດລະບຽບທີ່ກົງກັນຂ້າມກັບກົດລະບຽບເພາະວ່າສ່ວນໃຫຍ່ຂອງອົງປະກອບ HTML ເຮັດ, ແທ້ຈິງແລ້ວ, ຕ້ອງການການເປີດແລະປິດໂຄດ. ຂອງອົງປະກອບ singleton ເຫຼົ່ານີ້, ບາງທ່ານອາດຈະມັກໃຊ້ເລື້ອຍໆ (ເຊັ່ນ img, meta, ຫຼື input), ໃນຂະນະທີ່ຄົນອື່ນແມ່ນຄົນທີ່ທ່ານອາດຈະບໍ່ຈໍາເປັນຕ້ອງໃຊ້ໃນການອອກແບບເວັບໄຊຕ໌ຂອງທ່ານ (keygen, wbr, and command are three elements that are definitely ບໍ່ທົ່ວໄປໃນຫນ້າເວັບຕ່າງໆ). ຍັງ, ທົ່ວໄປຫຼືຫາຍາກຢູ່ໃນຫນ້າ HTML, ມັນເປັນປະໂຫຍດທີ່ຈະຄຸ້ນເຄີຍກັບ tags ເຫຼົ່ານີ້ແລະຮູ້ວ່າແນວຄວາມຄິດທີ່ຢູ່ເບື້ອງຫຼັງ tags singleton HTML ແມ່ນ. ທ່ານສາມາດນໍາໃຊ້ບັນຊີລາຍຊື່ນີ້ເປັນເອກະສານສໍາລັບການພັດທະນາເວັບຂອງທ່ານ.

ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. Edited by Jeremy Girard on 5/5/17