ລາຍການຫົວເລື່ອງ
ແທັກ hyperlink <a>
ລະຫັດປົກກະຕິແລ້ວແມ່ນໃຊ້ກັບຄຸນລັກສະນະຂອງ noopener, noreferrer ແລະ nofollow. ບົດຄວາມນີ້ຈະແບ່ງປັນວິທີການນໍາໃຊ້ noopener, noreferrer ແລະຄຸນສົມບັດລະຫັດ nofollow.
Noopener ປ້າຍຊື່ຫມາຍຄວາມວ່າແນວໃດ?
ຈະ target="_blank"
ເມື່ອເພີ່ມໃສ່ລິ້ງ, ໜ້າເປົ້າໝາຍຈະເປີດຢູ່ໃນແຖບໃໝ່.
ໃນຫນ້າທີ່ເປີດໃຫມ່, ຈຸດປະສົງຫນ້າຕ່າງຂອງຫນ້າສາມາດໄດ້ຮັບໂດຍຜ່ານ window.opener, posing ຄວາມສ່ຽງດ້ານຄວາມປອດໄພ.
- ໂດຍສະເພາະ, ຫນ້າເວັບຂອງຕົນເອງ A link ມີຫນ້າເວັບ B link ທີ່ສາມາດເປີດທີ່ຢູ່ຂອງພາກສ່ວນທີສາມອື່ນ.
- ຫນ້າເວັບ B ໄດ້ຮັບວັດຖຸປ່ອງຢ້ຽມຂອງຫນ້າເວັບ A ຜ່ານ window.opener;
- ຈາກນັ້ນທ່ານສາມາດໃຊ້ໜ້າ A ເພື່ອໂດດໄປຫາໜ້າ phishing window.opener.location.href="abc.com" ໂດຍທີ່ຜູ້ໃຊ້ບໍ່ໄດ້ສັງເກດເຫັນ.
- ທີ່ຢູ່ນັ້ນກະໂດດຂຶ້ນ. ຫຼັງຈາກໃສ່ຊື່ຜູ້ໃຊ້ ແລະລະຫັດຜ່ານໃນໜ້ານີ້, ຂໍ້ມູນຮົ່ວໄຫຼເກີດຂຶ້ນ.
- ເພື່ອຫຼີກເວັ້ນບັນຫາຂ້າງເທິງ, rel ຖືກນໍາສະເຫນີແລະຄຸນລັກສະນະ = "noopener" ຖືກກໍານົດ, ດັ່ງນັ້ນຫນ້າທີ່ເປີດໃຫມ່ບໍ່ສາມາດໄດ້ຮັບ window object ຂອງຫນ້າແຫຼ່ງ.
- ໃນເວລານີ້, ຄ່າຂອງ window.opener ແມ່ນ null.
ດັ່ງນັ້ນ, ຖ້າທ່ານຕ້ອງການເປີດທີ່ຢູ່ຂອງພາກສ່ວນທີສາມໃນຫນ້າແຖບໃຫມ່, ມັນດີທີ່ສຸດທີ່ຈະເພີ່ມ rel="noopener"
ຄຸນສົມບັດ.
ບົດບາດຂອງຄຸນລັກສະນະ noreferrer
ຄ້າຍຄືກັນກັບ nopener.
ຕັ້ງຄ່າrel="noreferrer"
ຫຼັງຈາກນັ້ນ, ຫນ້າທີ່ເປີດໃຫມ່ບໍ່ສາມາດໄດ້ຮັບປ່ອງຢ້ຽມຂອງຫນ້າແຫຼ່ງສໍາລັບການໂຈມຕີ.
ໃນເວລາດຽວກັນ, ຂໍ້ມູນ document.referrer ບໍ່ສາມາດໄດ້ຮັບຈາກຫນ້າທີ່ເປີດໃຫມ່. ຂໍ້ມູນນີ້ມີທີ່ຢູ່ຂອງຫນ້າແຫຼ່ງ.
ປົກກະຕິແລ້ວ noopener ແລະ noreferrer ຖືກກໍານົດໃນເວລາດຽວກັນ,rel="noopener noreferrer"
.
ເນື່ອງຈາກອັນສຸດທ້າຍມີຫນ້າທີ່ຂອງອະດີດໃນການຈໍາກັດການເຂົ້າເຖິງ window.opener ໃນເວລາດຽວກັນ, ເປັນຫຍັງມັນຄວນຈະຖືກຕັ້ງຄ່າໃນເວລາດຽວກັນ?
ສໍາລັບຄວາມເຂົ້າກັນໄດ້, ບາງຕົວທ່ອງເວັບເກົ່າບໍ່ສະຫນັບສະຫນູນ noopener.
ບົດບາດຂອງ nofollow
ການຄິດໄລ່ນ້ໍາຫນັກຂອງຫນ້າຂອງເຄື່ອງຈັກຊອກຫາປະກອບມີຈໍານວນການອ້າງອີງຂອງຫນ້າ (backlinks), ນັ້ນແມ່ນ, ຖ້າຫນ້າເວັບຖືກເຊື່ອມໂຍງກັບຫນ້າເວັບອື່ນໆຈໍານວນຫຼາຍ, ຫນ້າເວັບຈະຖືກຕັດສິນວ່າເປັນຫນ້າທີ່ມີຄຸນນະພາບສູງ.
ການຈັດອັນດັບຂອງທ່ານໃນຜົນການຄົ້ນຫາຈະເພີ່ມຂຶ້ນ.
ເມື່ອຕັ້ງ rel="nofollow", ມັນຫມາຍຄວາມວ່າບອກເຄື່ອງຈັກຊອກຫາວ່າການເຊື່ອມຕໍ່ບໍ່ໄດ້ປະກອບສ່ວນໃນການຈັດອັນດັບຂ້າງເທິງ.
- ໂດຍທົ່ວໄປແລ້ວໃຊ້ສໍາລັບການເຊື່ອມຕໍ່ແລະບໍ່ຈໍາເປັນSEOການຈັດອັນດັບທີ່ຢູ່ພາຍໃນ (ເຊັ່ນ: ການລົງທະບຽນຫຼືການເຊື່ອມຕໍ່ຫນ້າເຂົ້າສູ່ລະບົບ), ບໍ່ຕ້ອງການທີ່ຈະສູນເສຍນ້ໍາຫນັກການສົ່ງອອກ, ຫຼືບາງຫນ້າທີ່ມີຄຸນນະພາບທີ່ບໍ່ດີ.
ຫວັງ Chen Weiliang Blog ( https://www.chenweiliang.com/ ) ແບ່ງປັນ "ແທັກ nopener ຫມາຍຄວາມວ່າແນວໃດ?" noreferrer attribute/nofollow function", ມັນຈະເປັນປະໂຫຍດສໍາລັບທ່ານ.
ຍິນດີຕ້ອນຮັບແບ່ງປັນການເຊື່ອມຕໍ່ຂອງບົດຄວາມນີ້:https://www.chenweiliang.com/cwl-28447.html
ຍິນດີຕ້ອນຮັບສູ່ຊ່ອງ Telegram ຂອງບລັອກຂອງ Chen Weiliang ເພື່ອຮັບອັບເດດຫຼ້າສຸດ!
📚ຄູ່ມືນີ້ມີຄຸນຄ່າອັນມະຫາສານ, 🌟ນີ້ເປັນໂອກາດທີ່ຫາຍາກ, ຢ່າພາດມັນ! ⏰⌛💨
Share and like ຖ້າມັກ!
ການແບ່ງປັນແລະການຖືກໃຈຂອງທ່ານແມ່ນການຊຸກຍູ້ຢ່າງຕໍ່ເນື່ອງຂອງພວກເຮົາ!