HTML5 Linkholder ແມ່ນຫຍັງ?
idUp ຈົນກ່ວາ HTML5, ແທັກໄດ້ຕ້ອງການຫນຶ່ງ attribute: href. ແຕ່ HTML5 ເຮັດໃຫ້ເຖິງແມ່ນວ່າຄຸນລັກສະນະທີ່ເລືອກ. ໃນເວລາທີ່ທ່ານຂຽນໂຄດຄໍາສັ່ງທີ່ບໍ່ມີຄຸນລັກສະນະໃດກໍ່ຕາມ, ມັນຖືກເອີ້ນວ່າການເຊື່ອມໂຍງສະຖານທີ່.
ການເຊື່ອມຕໍ່ສະຖານທີ່ທີ່ຄ້າຍຄືກັນນີ້:
ກ່ອນຫນ້າການນໍາໃຊ້ຜູກພັນຂອງສະຖານທີ່ສໍາລັບການພັດທະນາ
ເກືອບທຸກຜູ້ອອກແບບເວັບໄຊຕ໌ໄດ້ສ້າງການເຊື່ອມໂຍງບ່ອນວາງສະແດງໃນເວລາດຽວຫຼືອື່ນໃນຂະນະທີ່ອອກແບບແລະສ້າງເວັບໄຊທ໌. ກ່ອນ HTML5, ພວກເຮົາຈະຂຽນວ່າ:
text linkເປັນບ່ອນວາງສະແດງ. ແລະຂ້າພະເຈົ້າໄດ້ສົ່ງເວັບໄຊທ໌ສໍາລັບຜູ້ທີ່ມີສະຖານທີ່ທີ່ມີຜູ້ທີ່ມີສະຖານທີ່ທີ່ມີລູກຄ້າເທົ່ານັ້ນເພື່ອໃຫ້ລູກຄ້າຖາມຂ້ອຍວ່າ "ເປັນຫຍັງຈຶ່ງບໍ່ເຊື່ອມຕໍ່ໃນຂໍ້ຄວາມ?"
ບັນຫາທີ່ມີການນໍາໃຊ້ hashtag (#) ເປັນການເຊື່ອມຕໍ່ສະຖານທີ່ທີ່ວ່າການເຊື່ອມຕໍ່ແມ່ນ clickable, ແລະນີ້ສາມາດເຮັດໃຫ້ເກີດຄວາມສັບສົນສໍາລັບລູກຄ້າຂອງທ່ານ. ແລະ, ຖ້າໃຜຜູ້ຫນຶ່ງລືມລະຫັດຜ່ານກັບ URL ທີ່ຖືກຕ້ອງ, ລິງເຫຼົ່ານີ້ອາດຈະປາກົດຢູ່ໃນເວັບໄຊທ໌ສົດເນື່ອງຈາກວ່າມັນບໍ່ເຊື່ອມໂຍງກັບສິ່ງໃດ.
ແທນທີ່ຈະ, ທ່ານຄວນເລີ່ມຕົ້ນການນໍາໃຊ້ແທັກທີ່ບໍ່ມີຄຸນລັກສະນະໃດໆ. ທ່ານສາມາດແບບເຫຼົ່ານີ້ເພື່ອເບິ່ງຄືວ່າມີການເຊື່ອມຕໍ່ອື່ນໆໃນຫນ້າເວັບຂອງທ່ານ, ແຕ່ພວກເຂົາຈະບໍ່ສາມາດກົດໄດ້ເພາະວ່າພວກມັນເປັນບ່ອນວາງສະແດງເທົ່ານັ້ນ.
ການນໍາໃຊ້ສະຖານທີ່ລິ້ງຄ໌ກ່ຽວກັບສະຖານທີ່ຕ່າງໆ
ແຕ່ການເຊື່ອມໂຍງບ່ອນວາງສະແດງມີສະຖານທີ່ໃນການອອກແບບເວັບໄຊຕ໌ສໍາລັບການພັດທະນາບໍ່ພຽງແຕ່. ສະຖານທີ່ຫນຶ່ງທີ່ເຊື່ອມຕໍ່ບ່ອນວາງສະແດງສາມາດສະຫວ່າງຢູ່ໃນການນໍາທາງ. ໃນຫຼາຍໆກໍລະນີ, ລາຍການນໍາທາງເວັບໄຊທ໌ມີບາງວິທີທີ່ຊີ້ບອກວ່າທ່ານຢູ່ໃສ. ເຫຼົ່ານີ້ແມ່ນມັກຈະເອີ້ນວ່າ "ທ່ານຢູ່ທີ່ນີ້" ຕົວຊີ້ວັດ.
ສະຖານທີ່ຫຼາຍທີ່ສຸດແມ່ນອີງໃສ່ຄຸນລັກສະນະ id ໃນອົງປະກອບທີ່ຕ້ອງການເຄື່ອງຫມາຍ "ທ່ານຢູ່ທີ່ນີ້", ແຕ່ບາງຄົນໃຊ້ຄຸນລັກສະນະຂອງຊັ້ນເຊັ່ນກັນ. ຢ່າງໃດກໍຕາມ, ຄຸນລັກສະນະໃດກໍ່ຕາມທີ່ທ່ານນໍາໃຊ້, ທ່ານຈໍາເປັນຕ້ອງເຮັດຊໍ່ວຽກເພື່ອທຸກໆຫນ້າທີ່ມີການນໍາທິດມັນ, ເພີ່ມແລະລົບຄຸນລັກສະນະຈາກອົງປະກອບທີ່ຖືກຕ້ອງ.
ມີການເຊື່ອມໂຍງບ່ອນວາງສະແດງ, ທ່ານສາມາດຂຽນການນໍາທິດຂອງທ່ານຢ່າງໃດກໍ່ຕາມທ່ານຕ້ອງການ, ແລະຫຼັງຈາກນັ້ນພຽງແຕ່ລຶບຄຸນສົມບັດ href ຈາກລິ້ງທີ່ເຫມາະສົມເມື່ອທ່ານເພີ່ມການນໍາທິດໄປຫາຫນ້າ. ຂ້ອຍເກັບບັນຊີນໍາທາງທັງຫມົດຂອງຂ້ອຍເປັນຕົວຢ່າງໃນບັນນາທິການຂອງຂ້ອຍ, ດັ່ງນັ້ນມັນພຽງແຕ່ສໍາເນົາລວດໄວແລະຫຼັງຈາກນັ້ນລຶບ href. ທ່ານຍັງສາມາດໄດ້ຮັບ CMS ຂອງທ່ານເພື່ອເຮັດສິ່ງດຽວກັນ.
ແລະນອກເຫນືອຈາກເພີ່ມຄໍເຕົ້າໄຂ່ພິເສດ (ຂ້າພະເຈົ້າຈະສະແດງວິທີການດ້ານລຸ່ມນີ້) ກັບການເຊື່ອມໂຍງບ່ອນພັກ, ການເຊື່ອມຕໍ່ບໍ່ສາມາດ click ໄດ້. ດັ່ງນັ້ນ, ລູກຄ້າບໍ່ໄດ້ຮັບຄວາມສັບສົນຄິດວ່າພວກເຂົາອາດຈະໄດ້ຮັບສິ່ງອື່ນຖ້າພວກເຂົາກົດປຸ່ມເຊື່ອມຕໍ່ທີ່ພວກເຂົາກໍາລັງຢູ່.
Styling Placeholder Links
ການເຊື່ອມໂຍງບ່ອນວາງສະມັກແມ່ນງ່າຍທີ່ຈະແບບແລະແບບທີ່ແຕກຕ່າງຈາກລິ້ງອື່ນໆໃນຫນ້າເວັບຂອງທ່ານ. ພຽງແຕ່ໃຫ້ແນ່ໃຈວ່າໃຫ້ມີຮູບແບບທັງແທັກແລະແທັບ: link tag. ຍົກຕົວຢ່າງ:
a {color: red font-weight: bold text-decoration: none } a: link {color: blue font-weight: normal text-decoration: underline; }CSS ນີ້ຈະເຮັດໃຫ້ເຊື່ອມຕໍ່ສະຖານທີ່ທີ່ມີຄວາມຫນາແຫນ້ນແລະສີແດງ, ໂດຍບໍ່ມີຂໍ້ສະຫຼຸບ. ໃນຂະນະທີ່ການເຊື່ອມຕໍ່ປົກກະຕິຈະມີນ້ໍາຫນັກປົກກະຕິ, ສີຟ້າແລະເນັ້ນໃສ່.
ຈືຂໍ້ມູນການກໍານົດຮູບແບບໃດໆທີ່ທ່ານບໍ່ຕ້ອງການທີ່ຈະເອົາໄປຈາກປ້າຍໂຄສະນາ. ຕົວຢ່າງ, ຂ້າພະເຈົ້າກໍານົດຕົວອັກສອນ - ນ້ໍາໃຫ້ກ້າຫານສໍາລັບການເຊື່ອມຕໍ່ສະຖານທີ່, ດັ່ງນັ້ນຂ້າພະເຈົ້າຕ້ອງໄດ້ກໍານົດມັນກັບ:
font-weight: normalສໍາລັບການເຊື່ອມຕໍ່ມາດຕະຖານ. ເຊັ່ນດຽວກັນກັບຄວາມຖືກຕ້ອງຂອງ text-decoration, ໂດຍການຖອນມັນອອກດ້ວຍຕົວເລືອກ, ມັນຈະຖືກລຶບອອກສໍາລັບຕົວເລືອກການເຊື່ອມຕໍ່ຖ້າຂ້ອຍບໍ່ໄດ້ໃສ່ມັນຄືນ.