ກອບຂອບໃນອະນຸຍາດໃຫ້ທ່ານລວມເອົາເນື້ອໃນຈາກແຫຼ່ງພາຍນອກໃນຫນ້າຂອງທ່ານ
ກອບຮູບໃນ, ໂດຍທົ່ວໄປແລ້ວເອີ້ນວ່າ "iframes", ແມ່ນກອບປະເພດດຽວທີ່ຖືກອະນຸຍາດໃນ HTML5. ກອບເຫຼົ່ານີ້ແມ່ນສ່ວນຫນຶ່ງຂອງຫນ້າເວັບທີ່ທ່ານ "ຕັດອອກ". ໃນພື້ນທີ່ທີ່ທ່ານໄດ້ຕັດອອກຈາກຫນ້າເວັບ, ຫຼັງຈາກນັ້ນທ່ານສາມາດອາຫານໃນຫນ້າເວັບພາຍນອກ. ໂດຍເນື້ອແທ້ແລ້ວ, iframe ແມ່ນປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບອື່ນທີ່ຕັ້ງຢູ່ໃນຫນ້າເວັບຂອງທ່ານ. ທ່ານເຫັນ iframes ຖືກນໍາໃຊ້ທົ່ວໄປໃນເວັບໄຊທ໌ທີ່ຈໍາເປັນຕ້ອງປະກອບມີເນື້ອຫາພາຍນອກເຊັ່ນແຜນທີ່ Google ຫຼືວິດີໂອຈາກ YouTube.
ທັງສອງເວັບໄຊທ໌ທີ່ໃຊ້ເຫຼົ່ານີ້ໃຊ້ iframe ໃນລະຫັດການຕິດຂອງພວກເຂົາ.
ວິທີການໃຊ້ IFRAME Element
ອົງປະກອບໃຊ້ HTML5 ອົງປະກອບໂລກລວມທັງອົງປະກອບອື່ນໆ. ສີ່ແມ່ນ attributes ໃນ HTML 4.01:
- - URL ສໍາລັບແຫຼ່ງຂອງກອບ
- - ຄວາມສູງຂອງປ່ອງຢ້ຽມ
- - ຄວາມກວ້າງຂອງປ່ອງຢ້ຽມ
- - ຊື່ຂອງປ່ອງຢ້ຽມ
ແລະສາມແມ່ນໃຫມ່ໃນ HTML5:
- srcdoc - HTML ສໍາລັບແຫຼ່ງຂອງເຟຣມ. ຄຸນລັກສະນະນີ້ໃຊ້ເວລາສໍາຄັນກວ່າ URL ທີ່ຢູ່ໃນ src attribute
- sandbox -a ບັນຊີລາຍຊື່ຂອງຄຸນສົມບັດທີ່ຄວນໄດ້ຮັບການອະນຸຍາດຫຼືບໍ່ອະນຸຍາດໃນ window window
- seamless -tells ຕົວແທນຜູ້ໃຊ້ທີ່ iframe ຄວນຈະຖືກ rendered ເຊັ່ນດຽວກັນມັນເປັນສ່ວນຫນຶ່ງຂອງເບິ່ງເອກະສານພໍ່ແມ່
ເພື່ອສ້າງ iframe ງ່າຍດາຍ, ທ່ານກໍານົດ URL ແຫຼ່ງຂໍ້ມູນແລະ width ແລະ height:
ໃຫ້ສັງເກດວ່າທ່ານອາດເລືອກທີ່ຈະບໍ່ໃຊ້ຄ່າ pixels ສໍາລັບການຕັ້ງຄ່າຂອງ iframe ຂອງທ່ານ, ແຕ່ແທນທີ່ຈະຕັດສິນໃຈໃຊ້ເປີເຊັນ.
ຖ້າທ່ານກໍາລັງສ້າງ ເວັບໄຊທ໌ຕອບສະຫນອງ ທີ່ມີການປ່ຽນແປງຂະຫນາດທີ່ມີຂະຫນາດຫນ້າຈໍທີ່ແຕກຕ່າງກັນ, ອັດຕາສ່ວນນີ້ຈະມີຄວາມສໍາຄັນ.
ຍັງມີຄຸນລັກສະນະບາງຢ່າງທີ່ຖືກຕ້ອງໃນ HTML 4.01 ແຕ່ລ້າໃນ HTML5. ເນື່ອງຈາກເວັບໄຊທ໌ສ່ວນໃຫຍ່ໃນມື້ນີ້ໃຊ້ HTML5 +, ຄຸນລັກສະນະເຫຼົ່ານີ້ແມ່ນສິ່ງທີ່ທ່ານບໍ່ຕ້ອງການໃຊ້ (ແຕ່ວ່າທ່ານອາດເຫັນໃນບາງເອກະສານທີ່ເປັນມໍລະດົກ).
- -instead, ໃຊ້ອົງປະກອບທີ່ຈະເຊື່ອມໂຍງກັບຄໍາອະທິບາຍ
- -instead, ໃຊ້ຄຸນສົມບັດ float CSS
- allowtransparency -instead, ໃຊ້ຄຸນສົມບັດພື້ນຖານ CSS ເພື່ອເຮັດໃຫ້ ifram ໂປ່ງໃສ
- - ໃຊ້ນໍາໃຊ້ຊັບສິນ CSS ຊາຍແດນ
- marginheight -instead, ໃຊ້ຄຸນສົມບັດ margin CSS
- marginwidth -instead, ໃຊ້ຄຸນສົມບັດ margin CSS
- -instead, ໃຊ້ຊັບສິນ CSS overflow
IFRAME Browser Support
ອົງປະກອບ IFRAME ແມ່ນສະຫນັບສະຫນູນໂດຍຕົວທ່ອງເວັບທີ່ທັນສະໄຫມທັງຫມົດ:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
ຖ້າບໍ່ມີຕົວເລກສະບັບສະແດງຢູ່ໃນບັນຊີລາຍຊື່ຂ້າງເທິງ, ນັ້ນແມ່ນຍ້ອນວ່າທຸກຮຸ່ນຂອງຕົວທ່ອງເວັບທີ່ສະຫນັບສະຫນູນມັນ.
ສິ່ງຫນຶ່ງທີ່ຄວນລະວັງແມ່ນວ່າໃນຂະນະທີ່ຕົວທ່ອງເວັບທັງຫມົດສະຫນັບສະຫນູນອົງປະກອບຂອງ IFRAME, ຍັງມີການສະຫນັບສະຫນູນຈໍາກັດບາງ HTML5.
- ການໃຊ້ overflow ເພື່ອປິດການເລື່ອນບໍ່ແມ່ນຄວາມຫນ້າເຊື່ອຖື. ຖ້າທ່ານບໍ່ຕ້ອງການ scrollbars ໃນ iframes ຂອງທ່ານ, ທ່ານຄວນສືບຕໍ່ໃຊ້ຄຸນສົມບັດການເລື່ອນ.
- ຄຸນສົມບັດ srcdoc, sandbox, ແລະ seamless ບໍ່ໄດ້ຮັບການສະຫນັບສະຫນູນໂດຍຕົວທ່ອງເວັບໃດໆໃນເວລານີ້.
ການເຊື່ອມໂຍງກັບ iframes
ເມື່ອທ່ານໃຫ້ຊື່ iframe ຂອງທ່ານຊື່ຫຼື id ທ່ານສາມາດຊີ້ໃຫ້ເຫັນຈຸດເຊື່ອມຕໍ່ຂອງທ່ານຢູ່ກອບທີ່ມີລັກສະນະກ່ຽວກັບອົງປະກອບ A. ຫຼັງຈາກນັ້ນ, ໃນເວລາທີ່ຜູ້ໃຊ້ຄລິກໃສ່ການເຊື່ອມຕໍ່, ມັນຈະເປີດພາຍໃນ iframe ທີ່ອ້າງອີງແທນທີ່ຈະຢູ່ໃນປ່ອງຢ້ຽມໃນປັດຈຸບັນ.
ພະຍາຍາມຕົວທ່ານເອງ. ປະເພດດັ່ງຕໍ່ໄປນີ້ເຂົ້າໄປໃນຫນ້າເວັບໄຊຕ໌:
ຖ້າເອກະສານທີ່ເປີດໃນ IFRAME ບໍ່ມີກໍານົດ ເປົ້າຫມາຍ ໃດໆ, ຫຼັງຈາກນັ້ນການເຊື່ອມຕໍ່ເຫຼົ່ານັ້ນຈະເປີດໃນ iframe ດຽວກັນເປັນເອກະສານ ແມ່ ບົດ.
ທ່ານສາມາດໃຊ້ຄຸນສົມບັດນີ້ເພື່ອເຮັດໃຫ້ ການເຊື່ອມຕໍ່ໃນ IFRAME ປ່ຽນແປງເນື້ອຫາຂອງ IFRAME ອື່ນໃນຫນ້າດຽວກັນ.
IFrames ແລະຄວາມປອດໄພ
ອົງປະກອບຂອງ IFRAME, ຕົວມັນເອງບໍ່ແມ່ນຄວາມສ່ຽງຕໍ່ຄວາມປອດໄພຕໍ່ທ່ານຫຼືຜູ້ອ່ານຂອງທ່ານ.
ແຕ່ຖ້າຫາກວ່າ iframe ໄດ້ຮັບຊື່ສຽງບໍ່ດີຍ້ອນວ່າພວກເຂົາສາມາດຖືກນໍາໃຊ້ໂດຍເວັບໄຊທ໌ທີ່ເປັນອັນຕະລາຍທີ່ຈະປະກອບມີເນື້ອຫາທີ່ສາມາດຕິດເຊື້ອຄອມພິວເຕີຂອງຜູ້ເຂົ້າຊົມໂດຍບໍ່ໄດ້ເບິ່ງມັນຢູ່ໃນຫນ້າ. ນີ້ແມ່ນເຮັດໄດ້ໂດຍມີການເຊື່ອມຕໍ່ຊີ້ໃຫ້ເຫັນ IFRAME ເບິ່ງເຫັນແລະ script ທີ່ກໍານົດອອກລະຫັດທີ່ເປັນອັນຕະລາຍ. ຜູ້ໃຊ້ຄລິກໃສ່ການເຊື່ອມຕໍ່ແລະຄິດວ່າການເຊື່ອມໂຍງຖືກແຍກເພາະບໍ່ມີຫຍັງເກີດຂື້ນ, ແຕ່ສະຄິບຖືກປິດອອກໄປບ່ອນທີ່ພວກເຂົາບໍ່ສາມາດເຫັນມັນ.
ນອກຈາກນີ້ຍັງມີໄວຣັສຄອມພິວເຕີທີ່ຈະສົ່ງ IFRAME ເບິ່ງບໍ່ໄດ້ເຂົ້າໄປໃນຫນ້າເວັບຂອງທ່ານ, ປະສິດທິຜົນປ່ຽນເວັບໄຊທ໌ຂອງທ່ານເປັນ botnet. ພວກເຂົາສາມາດເຮັດໄດ້ໂດຍຜ່ານ ການສີດ SQL ແລະການໂຈມຕີອື່ນໆ.
ສິ່ງທີ່ຕ້ອງຈົດຈໍາເມື່ອລວມເອົາ IFRAME ໃນຫນ້າເວັບໄຊທ໌ຂອງທ່ານແມ່ນວ່າຜູ້ໃຊ້ຂອງທ່ານມີຄວາມປອດໄພເທົ່າທີ່ເນື້ອໃນຂອງເວັບໄຊທ໌ທີ່ທ່ານເຊື່ອມຕໍ່ເທົ່ານັ້ນ. ຖ້າທ່ານມີເຫດຜົນທີ່ຈະຮູ້ສຶກວ່າເວັບໄຊທ໌ບໍ່ຫນ້າເຊື່ອຖື, ບໍ່ຕ້ອງເຊື່ອມໂຍງກັບມັນໃນຮູບແບບໃດແລະແນ່ນອນວ່າມັນບໍ່ປະກອບມີເນື້ອຫາໃນ IFRAME. ການເຊື່ອມໂຍງກັບຫນ້າຂອງທ່ານເອງພາຍໃນ iframes, ຢ່າງໃດກໍຕາມ, ບໍ່ມີຄວາມສ່ຽງດ້ານຄວາມປອດໄພສໍາລັບທ່ານຫຼືຜູ້ໃຊ້ຂອງທ່ານ.
ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. ແກ້ໄຂເມື່ອ 11/7/16 ໂດຍ Jeremy Girard