ຂັ້ນຕອນໃນການຖອນກໍາເນີດຈາກຂໍ້ຄວາມເຊື່ອມໂຍງຂໍ້ຄວາມແລະບັນຫາທີ່ຈະຮູ້
ໂດຍຄ່າເລີ່ມຕົ້ນ, ເນື້ອຫາຂອງເນື້ອຫາທີ່ ເຊື່ອມໂຍງກັບ HTML ໂດຍໃຊ້ ຫຼື "ຍັກ" ອົງປະກອບທີ່ມີຮູບຮ່າງທີ່ມີເສັ້ນລວດ. ມັກ, ນັກອອກແບບເວັບໄຊຕ໌ເລືອກທີ່ຈະລຶບອອກແບບແບບນີ້ໂດຍການຖອນກໍາໄລອອກ.
ຜູ້ອອກແບບຈໍານວນຫຼາຍບໍ່ໄດ້ດູແລເບິ່ງຮູບພາບທີ່ໄດ້ຮັບການເນັ້ນຫນັກ, ໂດຍສະເພາະແມ່ນໃນເນື້ອໄມ້ທີ່ຫນາແຫນ້ນຂອງເນື້ອຫາທີ່ມີຈໍານວນຫລາຍເຊື່ອມຕໍ່. ທັງຫມົດຂອງຄໍາສັບທີ່ໄດ້ຮັບການຍ້ອງຍໍນັ້ນກໍ່ສາມາດທໍາລາຍການໄຫຼຂອງການອ່ານຂອງເອກະສານ. ຫຼາຍຄົນໄດ້ໂຕ້ຖຽງວ່າການລະບາຍຄວາມເຄັ່ງຕຶງໃນຕົວຈິງເຮັດໃຫ້ຄໍາເວົ້າຍາກທີ່ຈະແຍກແລະອ່ານຢ່າງໄວວາເນື່ອງຈາກວ່າວິທີທີ່ເຮັດໃຫ້ມີການປ່ຽນແປງຕົວອັກສອນທໍາມະຊາດ.
ຢ່າງໃດກໍ່ຕາມ, ມີຜົນປະໂຫຍດທີ່ຖືກຕ້ອງໃນການຮັກສາບັນດາຂໍ້ກໍານົດເຫຼົ່ານີ້ກ່ຽວກັບການເຊື່ອມໂຍງຂໍ້ຄວາມ. ຕົວຢ່າງ: ເມື່ອທ່ານເບິ່ງຜ່ານຂະຫນາດໃຫຍ່ຂອງຂໍ້ຄວາມ, ລິ້ງຄ໌ເຄັ່ງຄັດແລະຄູ່ກັນສີທີ່ເຫມາະສົມເຮັດໃຫ້ຜູ້ອ່ານສາມາດສະແກນຫນ້າແລະຊອກຫາບ່ອນທີ່ເຊື່ອມຕໍ່ໄດ້ທັນທີ. ຖ້າທ່ານເບິ່ງບົດຄວາມອອກແບບເວັບໄຊຕ໌ທີ່ນີ້ກ່ຽວກັບ About.com, ເຊັ່ນດຽວກັນກັບບົດຄວາມອື່ນໃນເວັບໄຊທ໌, ທ່ານຈະເຫັນຮູບແບບຂອງການເຊື່ອມໂຍງທີ່ຖືກສ້າງຂື້ນໄວ້ໃນສະຖານທີ່ນີ້.
ຖ້າທ່ານຕັດສິນໃຈເອົາລິງຈາກຂໍ້ຄວາມ (ຂະບວນການງ່າຍໆທີ່ພວກເຮົາຈະກວມເອົາໃນໄລຍະສັ້ນໆ), ໃຫ້ແນ່ໃຈວ່າຊອກຫາວິທີທີ່ຈະສະຖິດຂໍ້ຄວາມທີ່ວ່າຍັງແຍກຄວາມແຕກຕ່າງຈາກສິ່ງທີ່ເປັນຂໍ້ຄວາມທໍາມະດາ. ນີ້ແມ່ນເຮັດໄດ້ຫຼາຍທີ່ສຸດກັບຄວາມແຕກຕ່າງຂອງສີທີ່ກ່າວມາຂ້າງເທິງ, ແຕ່ສີດຽວສາມາດສ້າງບັນຫາສໍາລັບຜູ້ມາຢ້ຽມຢາມທີ່ມີຄວາມບົກຜ່ອງດ້ານສາຍຕາເຊັ່ນ: ຕາບອດ. ອີງຕາມຮູບແບບພິເສດຂອງຕາບອດ, ກົງກັນຂ້າມອາດຈະສູນເສຍທັງຫມົດ, ປ້ອງກັນບໍ່ໃຫ້ພວກເຂົາເຫັນຄວາມແຕກຕ່າງລະຫວ່າງຂໍ້ຄວາມທີ່ເຊື່ອມໂຍງແລະບໍ່ເຊື່ອມໂຍງ. ນີ້ແມ່ນຍ້ອນວ່າຂໍ້ຄວາມທີ່ຖືກເນັ້ນຫນັກແມ່ນຍັງຖືວ່າເປັນວິທີທີ່ດີທີ່ສຸດທີ່ຈະສະແດງການເຊື່ອມຕໍ່.
ດັ່ງນັ້ນວິທີທີ່ທ່ານປິດການເນັ້ນຫນັກໃສ່ຖ້າທ່ານຍັງຕ້ອງການເຮັດແນວໃດ? ເນື່ອງຈາກວ່ານີ້ແມ່ນລັກສະນະຂອງສາຍຕາທີ່ພວກເຮົາມີຄວາມກັງວົນ, ພວກເຮົາຈະຫັນໄປຫາເວັບໄຊທ໌ຂອງພວກເຮົາທີ່ສາມາດຈັດການທຸກສິ່ງທີ່ເບິ່ງເຫັນໄດ້ - CSS.
ໃຊ້ Sheets ແບບ Cascading ເພື່ອປິດບັນດາຂໍ້ກໍານົດໃນການເຊື່ອມຕໍ່
ໃນກໍລະນີຫຼາຍທີ່ສຸດ, ທ່ານບໍ່ໄດ້ຊອກຫາຂໍ້ມູນທີ່ສໍາຄັນໃນການເຊື່ອມຕໍ່ຂໍ້ຄວາມເທົ່ານັ້ນ. ແທນທີ່ຈະ, ແບບການອອກແບບຂອງທ່ານອາດຈະຮຽກຮ້ອງໃຫ້ທ່ານລຶບລະອຽດຈາກທຸກໆ links.You ຈະເຮັດແບບນີ້ໂດຍການເພີ່ມຮູບແບບຂອງເອກະສານສະໄຕແບບຕ່າງປະເທດຂອງທ່ານ.
{text-decoration: none }That's it! ເສັ້ນຫນຶ່ງຂອງ CSS ທີ່ງ່າຍດາຍຈະປິດການເຊື່ອມໂຍງ (ເຊິ່ງກໍ່ໃຊ້ຄຸນສົມບັດ CSS ສໍາລັບ "ການຕົກແຕ່ງຂໍ້ຄວາມ") ໃນທຸກເຊື່ອມຕໍ່.
ທ່ານຍັງສາມາດໄດ້ຮັບການພິຈາລະນາໂດຍສະເພາະແບບນີ້. ຕົວຢ່າງ: ຖ້າທ່ານພຽງແຕ່ຕ້ອງການປິດການເຊື່ອມຕໍ່ຫຼືການເຊື່ອມຕໍ່ພາຍໃນຂອງອົງປະກອບ "nav", ທ່ານອາດຂຽນວ່າ:
nav a {text-decoration: none }ໃນປັດຈຸບັນ, ການເຊື່ອມໂຍງຂໍ້ຄວາມໃນຫນ້າຈະໄດ້ຮັບການກໍານົດໄວ້ໃນຕອນຕົ້ນ, ແຕ່ວ່າຜູ້ທີ່ຢູ່ໃນເຮືອຈະຕ້ອງເອົາມັນອອກ.
ສິ່ງຫນຶ່ງທີ່ນັກອອກແບບເວັບຫຼາຍຄົນເລືອກທີ່ຈະເຮັດແມ່ນເພື່ອເຮັດໃຫ້ການເຊື່ອມຕໍ່ກັບຄືນໄປບ່ອນ "ເມື່ອ" ເມື່ອຜູ້ໃດຜູ້ຫນຶ່ງຍ່າງຕາມຂໍ້ຄວາມ. ນີ້ຈະເຮັດໄດ້ໂດຍໃຊ້: hover CSS pseudo-class, ເຊັ່ນ:
{text-decoration: none } a: hover {text-decoration: underline }ການນໍາໃຊ້ Inline CSS
ເປັນທາງເລືອກທີ່ຈະເຮັດໃຫ້ການປ່ຽນແປງຮູບແບບພາຍນອກ, ທ່ານຍັງສາມາດເພີ່ມຄໍເຕົ້າໄຂ່ທີ່ໂດຍກົງກັບເອກະສານຂອງຕົວມັນເອງໃນ HTML ດັ່ງນີ້:
ລິ້ງນີ້ບໍ່ມີເງື່ອນໄຂບັນຫາທີ່ມີວິທີນີ້ແມ່ນວ່າມັນສະຖານທີ່ໃຫ້ຂໍ້ມູນຮູບແບບໃນໂຄງສ້າງ HTML ຂອງທ່ານ, ເຊິ່ງບໍ່ແມ່ນການປະຕິບັດທີ່ດີທີ່ສຸດ. ແບບ (CSS) ແລະໂຄງສ້າງ (HTML) ຄວນຖືກເກັບໄວ້ແຍກຕ່າງຫາກ.
ຖ້າທ່ານຕ້ອງການເຊື່ອມໂຍງຂໍ້ຄວາມຂອງເວັບໄຊທ໌ໃດຫນຶ່ງທີ່ມີການລຶບອອກມາ, ການເພີ່ມຂໍ້ມູນແບບນີ້ໃຫ້ກັບແຕ່ລະລິ້ງໃນແຕ່ລະບຸກຄົນນັ້ນຈະຫມາຍເຖິງຈໍານວນເງິນທີ່ມີການເພີ່ມເຕີມທີ່ຖືກເພີ່ມໃສ່ລະຫັດຂອງເວັບໄຊທ໌ຂອງທ່ານ. ຫນ້າຊຸກຍູ້ຂອງຫນ້ານີ້ສາມາດຫຼຸດລົງເວລາໂຫຼດຂອງເວັບໄຊທ໌ແລະເຮັດໃຫ້ການຄຸ້ມຄອງຫນ້າທັງຫມົດມີຄວາມທ້າທາຍຫຼາຍຂຶ້ນ. ສໍາລັບເຫດຜົນເຫຼົ່ານີ້, ມັນມັກຈະຫັນໄປຫາເອກະສານສະໄຕພາຍນອກສໍາລັບຄວາມຕ້ອງການຂອງຄໍລໍາທັງຫມົດ.
ໃນການປິດ
ມັນງ່າຍທີ່ຈະເອົາຂໍ້ອ້າງອີງຈາກການເຊື່ອມຕໍ່ຂໍ້ຄວາມຂອງເວັບໄຊຕ໌, ທ່ານຄວນຈະລະມັດລະວັງກ່ຽວກັບຜົນສະທ້ອນຂອງການເຮັດເຊັ່ນນັ້ນ. ໃນຂະນະທີ່ມັນອາດຈະເຮັດຄວາມສະອາດເຖິງຫນ້າຂອງຫນ້າ, ມັນອາດຈະເຮັດແບບນີ້ໂດຍໃຊ້ຄ່າໃຊ້ຈ່າຍທົ່ວໄປ. ໃຊ້ເວລານີ້ເຂົ້າໄປໃນບັນຊີໃນເວລາຕໍ່ໄປທ່ານຄິດວ່າການປ່ຽນແປງຄຸນລັກສະນະຂອງຂໍ້ຄວາມ "ການຕົກແຕ່ງ" ຂອງຫນ້າ.
ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. ແກ້ໄຂເມື່ອວັນທີ 19/9/16 ໂດຍ Jeremy Girard