ຕົວລະບຸຕົວຊ້ໍາໃນເວັບຕ່າງໆ
ອີງຕາມ W3C, ຄຸນລັກສະນະ ID ໃນ HTML ແມ່ນ:
ເປັນຕົວກໍານົດການເປັນເອກະລັກສໍາລັບອົງປະກອບ
ນີ້ແມ່ນຄໍາອະທິບາຍງ່າຍໆກ່ຽວກັບຄຸນລັກສະນະທີ່ມີອໍານາດຫຼາຍ. ຄຸນລັກສະນະ ID ສາມາດປະຕິບັດການປະຕິບັດງານຕ່າງໆສໍາລັບຫນ້າເວັບຕ່າງໆ:
- ຕົວເລືອກແຜ່ນແບບສະໄຕ - ນີ້ແມ່ນຫນ້າທີ່ຂອງຄົນສ່ວນໃຫຍ່ທີ່ໃຊ້ຄຸນລັກສະນະ ID ສໍາລັບ. ເນື່ອງຈາກວ່າພວກເຂົາເປັນເອກະລັກ, ທ່ານສາມາດແນ່ໃຈວ່າທ່ານຈະເປັນແບບດຽວກັນກັບລາຍການຫນຶ່ງໃນຫນ້າເວັບຂອງທ່ານເມື່ອທ່ານລົງໂດຍໃຊ້ຄຸນສົມບັດ ID. ຄວາມລົ້ມເຫຼວຂອງການໃຊ້ ID ສໍາລັບຈຸດປະສົງຂອງການອອກແບບແມ່ນວ່າມັນມີລະດັບຄວາມລະອຽດສູງທີ່ສາມາດເຮັດໃຫ້ມັນເປັນສິ່ງທ້າທາຍຫຼາຍຖ້າທ່ານຕ້ອງການແທນທີ່ແບບສໍາລັບບາງເຫດຜົນຕໍ່ມາໃນຄໍເຕົ້າໄຂ່ທີ່. ເນື່ອງຈາກວ່ານີ້, ການປະຕິບັດໃນປະຈຸບັນ Web ອີງໃສ່ການນໍາໃຊ້ຫ້ອງຮຽນແລະຕົວເລືອກຫ້ອງຮຽນແທນທີ່ຈະ ID ແລະຕົວເລືອກ ID ສໍາລັບຈຸດປະສົງ styling ທົ່ວໄປ.
- ຊື່ ມໍເຕີ ສໍາລັບການເຊື່ອມຕໍ່ກັບ - ຕົວທ່ອງເວັບເວັບໄຊຕ໌ອະນຸຍາດໃຫ້ທ່ານເພື່ອເປົ້າຫມາຍສະຖານທີ່ທີ່ຊັດເຈນໃນເອກະສານເວັບຂອງທ່ານໂດຍຊີ້ໄປຫາທີ່ຢູ່ ID ໃນຕອນທ້າຍຂອງ URL. ທ່ານພຽງແຕ່ເພີ່ມ id ໄປຫາຈຸດຫມາຍປາຍທາງຂອງຫນ້າເວັບ, ນໍາຫນ້າໂດຍປອນເຂົ້າ (#). ນອກນັ້ນທ່ານຍັງສາມາດເຊື່ອມຕໍ່ກັບສະມໍເຫຼົ່ານີ້ດ້ວຍຫນ້າຕົວເອງໂດຍການເພີ່ມປອນລົງ (#) ແລະຊື່ ID ໃນ href attribute ສໍາລັບອົງປະກອບ. ຕົວຢ່າງ: ຖ້າທ່ານມີພະແນກທີ່ມີ ID ຂອງການ ຕິດຕໍ່, ທ່ານສາມາດເຊື່ອມຕໍ່ກັບມັນໃນຫນ້ານັ້ນດ້ວຍ:
ນີ້ແມ່ນຂໍ້ຄວາມເຊື່ອມໂຍງ - ອ້າງອິງສໍາລັບສະຄິບ - ຖ້າທ່ານຂຽນຂໍ້ມູນ Javascript ໃດກໍ່ຕາມ, ທ່ານຈະຕ້ອງໃຊ້ຄຸນລັກສະນະ ID ເພື່ອໃຫ້ທ່ານສາມາດປ່ຽນແປງອົງປະກອບທີ່ຊັດເຈນໃນຫນ້າທີ່ມີສະຄິບຂອງທ່ານ.
- ການປຸງແຕ່ງອື່ນໆ - id ຊ່ວຍໃຫ້ທ່ານສາມາດປະມວນຜົນເອກະສານເວັບຕ່າງໆໃນທຸກໆທາງທີ່ທ່ານຕ້ອງການ. ຕົວຢ່າງເຊັ່ນ, ທ່ານສາມາດລວບລວມ HTML ໃນຖານຂໍ້ມູນແລະຄຸນລັກສະນະ ID ລະບຸເຂດຂໍ້ມູນ.
ກົດລະບຽບສໍາລັບການນໍາໃຊ້ຄຸນລັກສະນະ ID
ມີກົດລະບຽບຈໍານວນຫນ້ອຍທີ່ທ່ານຕ້ອງປະຕິບັດເພື່ອໃຫ້ມີເອກະສານທີ່ຖືກຕ້ອງທີ່ໃຊ້ຄຸນລັກສະນະ id ຢູ່ທຸກບ່ອນໃນເອກະສານ:
- ID ຕ້ອງເລີ່ມດ້ວຍຈົດຫມາຍ (az ຫຼື AZ)
- ຕົວອັກສອນຕໍ່ໄປນີ້ສາມາດເປັນຕົວອັກສອນ, ຈໍານວນ (0-9), ຍ່ອຍ (-), underscores (_), ຄໍລໍາ (:), ແລະຊ່ວງ (.).
- ລະຫັດແຕ່ລະຕ້ອງເປັນເອກະລັກພາຍໃນເອກະສານ. ເປັນຫຍັງ?
ການໃຊ້ຄຸນສົມບັດ ID
ເມື່ອທ່ານໄດ້ກໍານົດອົງປະກອບທີ່ເປັນເອກະລັກຂອງເວັບໄຊທ໌ຂອງທ່ານ, ທ່ານສາມາດໃຊ້ຮູບແບບໃຫ້ເປັນແບບດຽວກັບອົງປະກອບຫນຶ່ງ.
ຕິດຕໍ່ພວກເຮົາ
ມີບາງເນື້ອໃນຂໍ້ຄວາມຢູ່ທີ່ນີ້
div # contact-section {background: # 0cf}
- ຫຼືພຽງແຕ່ -
# contact-section {background: # 0cf}
ທັງສອງຕົວເລືອກເຫຼົ່ານີ້ຈະເຮັດວຽກ. ສ່ວນຫນຶ່ງຄັ້ງທໍາອິດ (div # contact-section) ຈະກໍານົດການແບ່ງກັບ attribute ID ຂອງ "contact-section". ສ່ວນທີສອງ (# contact-section) ຍັງຈະກໍານົດເປົ້າຫມາຍທີ່ມີ ID ຂອງ "contact-section", ມັນຈະບໍ່ຮູ້ວ່າສິ່ງທີ່ມັນກໍາລັງຊອກຫາແມ່ນສ່ວນຫນຶ່ງ. ຜົນໄດ້ຮັບສຸດທ້າຍຂອງຄໍເຕົ້າໄຂ່ທີ່ຈະເປັນຄືກັນ.
ນອກນັ້ນທ່ານຍັງສາມາດເຊື່ອມຕໍ່ກັບອົງປະກອບສະເພາະນັ້ນໂດຍບໍ່ມີການເພີ່ມປ້າຍໃດ:
ເຊື່ອມຕໍ່ກັບຂໍ້ມູນຕິດຕໍ່
ອ້າງອີງວ່າວັກໃນສະຄິບຂອງທ່ານດ້ວຍ "getElementById" ວິທີການ Javascript:
document.getElementById ("ສ່ວນຕິດຕໍ່")
ຄຸນລັກສະນະ ID ແມ່ນຍັງມີປະໂຫຍດຫຼາຍໃນ HTML, ເຖິງແມ່ນວ່າຕົວເລືອກຂອງຫ້ອງຮຽນໄດ້ຖືກແທນທີ່ໃຫ້ພວກເຂົາສໍາລັບຈຸດປະສົງສ້າງແບບທົ່ວໄປສ່ວນໃຫຍ່. ຄວາມສາມາດໃນການໃຊ້ຄຸນລັກສະນະ ID ເປັນ hook ສໍາລັບຮູບແບບຕ່າງໆ, ໃນຂະນະທີ່ຍັງນໍາໃຊ້ມັນເປັນບ່ອນຍຶດສໍາລັບລິ້ງຄ໌ຫລືເປົ້າຫມາຍສໍາລັບອັກສອນ, ຫມາຍຄວາມວ່າພວກເຂົາຍັງມີສະຖານທີ່ສໍາຄັນໃນການອອກແບບເວັບໃນມື້ນີ້.
ແກ້ໄຂໂດຍ Jeremy Girard