HTML <iframe> ຕາມ

  • ຫລັງຈາກຄັ້ງ <i>
  • ອີກຄັ້ງ <img>

ການນຳໃຊ້ ແລະ ການສະແດງ.

<iframe> ແຜງໃສ່ ອິນເລຣມອອກຄຽງ (iframe) (inline frame).

ອິນເລຣມອອກຄຽງ (iframe) ຂອງ HTML ພາຍໃນເວັບໄຊ HTML.

ຄຳເຕືອນ:ຂໍ້ສັງເກດ CSS ເພື່ອ <iframe> ວຽກສະກິນຂອງພວກເຂົາ (ບໍ່ວ່າຫນັງລາຍງາຍດ້ານລຸ່ມ).

ຄຳເຕືອນ:ຂໍ້ສັງເກດ: <iframe> ທັງໝົດຈະດູວກັບ <iframe> ຄວາມອະທິບາຍຂອງສັນຍານ.

ບໍ່ວ່າຫນັງ:

ການສົນທະນາ HTML:HTML Iframe

ຄູ່ມື HTML DOM:ໂອບເຟຣມ

ຄວາມລາຍງາຍ

ຄູ່ມືອີກ 1

ຄວາມອະທິບາຍ:

<iframe src="https://www.codew3c.com" title="CodeW3C.com 在线教程"></iframe>

ພະຍາຍາມດີກໍ່ຕາມ

ບົດທີ 2

ການຕິດຕັ້ງແລະຖອນຊາກ iframe (ນຳໃຊ້ CSS):

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

ພະຍາຍາມດີກໍ່ຕາມ

ປະສົງ

ປະສົງ ຄວາມລະບຸ ຄວາມຈະບັນນາທິ
allow ກໍານົດນະພາບວຽກງານ <iframe> .
allowfullscreen
  • true
  • false
ກໍານົດວ່າ iframe ສາມາດປະຕິບັດການ requestFullscreen() ເພື່ອປະຕິບັດການພາບໂຕບັງ.
allowpaymentrequest
  • true
  • false
ກໍານົດວ່າຈະປະຕິບັດ Payment Request API ຂອງ iframe ທີ່ອະນຸຍາດຂອງ ການກະຈາຍພາບຂ້າມບ່ອນ.
height ຕອນລັງ ກໍານົດລະດັບວັດທະນະຂອງ <iframe> . ລະດັບວັດທະນະລະບຸເຊິ່ງຈະມີຄວາມວ່າ 150 ຕອນລັງ.
loading
  • eager
  • lazy
ກໍານົດວ່າບັນນາທິການຈະຫຼິ້ນ iframe ໂດຍທັນທີຫຼືຊ້າຫຼິ້ນ iframe ຈົນກວ່າພົບເຫດຫຼັກ.
name ຄວາມ ກໍານົດຊື່ <iframe> .
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
ກໍານົດຂໍ້ມູນການອ້າງອິດທີ່ຈະສົ່ງໃສ່ທີ່ຈະດາວານ iframe.
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
ປະຕິບັດຄວາມຈຳກັດອີກຫຼາຍໆໃນຂໍ້ມູນ <iframe> .
src URL ກໍານົດທີ່ຢູ່ບ່ອນທີ່ຈະຕິດຕັ້ງໃນ <iframe> .
srcdoc ລະບຸ HTML ກໍານົດເນື້ອຫຼັກ HTML ທີ່ຈະສະແດງໃນ <iframe> .
width ຕອນລັງ ກໍານົດລະດັບວັດທະນະຂອງ <iframe> . ລະດັບວັດທະນະລະບຸເຊິ່ງຈະມີຄວາມວ່າ 300 ຕອນລັງ.

ຄວາມປະສົງປະຈຳ

<iframe> ປະເພດຍັງມີ HTML ຜົນຜະສານທົ່ວໄປ.

ຜົນຜະສານ ການເກີດການ

<iframe> ປະເພດຍັງມີ ຜົນຜະສານ ການເກີດການໃນ HTML.

ການການປະກາດ CSS ຄົງທີ່

ບັນດາການບິນທົດສະຫຼາກຈະໃຊ້ຄວາມຜົນພາສາດັ່ງກ່າວເພື່ອສະແດງ <iframe> ປະເພດ:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

ການສະໜັບສະໜູນບັນດາການບິນ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ
  • ຫລັງຈາກຄັ້ງ <i>
  • ອີກຄັ້ງ <img>