HTML สกัดตัวแทน <iframe>

  • หน้าก่อนหน้า <i>
  • หน้าต่อไป <img>

การใช้งานและการเขียน

<iframe> สัญญาณแบบ inline frame (inline frame) นี้

IFrame ใช้เพื่อใส่เอกสารอื่นในภายในเอกสาร HTML ปัจจุบัน。

คำเตือน:ใช้ CSS ที่จะตั้งค่า <iframe> รูปแบบของตัวแทน (ดูตัวอย่างด้านล่างนี้)。

คำเตือน:เป็นความยิ่งใหญ่ที่ควรเสมอไปเสมอ <iframe> มีคุณสมบัติ title และอาจใช้โดยอ่านเสียงของคอมพิวเตอร์เพื่ออ่านเกี่ยวกับ <iframe> คำอธิบายเนื้อหา。

อ่านเพิ่มเติมที่:

อบรม HTML:HTML Iframe

คู่มืออ้างอิง DOM HTML:วัตถุ IFrame

ตัวอย่าง

ตัวอย่าง 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() 方法激活全屏模式，则设置为 true。
allowpaymentrequest
  • true
  • false
 如果允许跨源 <iframe> 调用 Payment Request API，则设置为 true。
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 代码 规定要在 <iframe> 中显示的页面的 HTML 内容。
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>