ตัวอย่าง
ข้อเฟรมอินไลน์ถูกทำเครื่องหมายขึ้นดังต่อไปนี้:
<iframe src="http://www.w3ii.com"></iframe>
ลองตัวเอง» ความหมายและการใช้งาน
<iframe> แท็กระบุกรอบแบบอินไลน์
ข้อเฟรมอินไลน์จะใช้ในการฝังเอกสารอื่นภายในเอกสาร HTML ปัจจุบัน
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <iframe> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
เคล็ดลับ: การจัดการกับเบราว์เซอร์ที่ไม่สนับสนุน <iframe> เพิ่มข้อความระหว่างการเปิด <iframe> แท็กและปิด </iframe> แท็ก
เคล็ดลับ: ใช้ CSS สไตล์ <iframe> (แม้จะรวมถึงการเลื่อน)
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
HTML5 ได้เพิ่มคุณลักษณะใหม่บางและคุณลักษณะหลาย HTML 4.01 จะถูกลบออกจาก HTML5
ความแตกต่างระหว่าง HTML และ XHTML
ใน XHTML ที่ name แอตทริบิวต์จะเลิกและจะถูกลบออก ใช้ แอตทริบิวต์ id ของโลก แทน
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| align | left right top middle bottom | ได้รับการสนับสนุนใน HTML5 ระบุการจัดตำแหน่งของที่ <iframe> ตามองค์ประกอบโดยรอบ |
| frameborder | 1 0 | ได้รับการสนับสนุนใน HTML5 ระบุหรือไม่ที่จะแสดงเส้นขอบรอบต่อ A <iframe> |
| height | pixels | ระบุความสูงของนั้น <iframe> |
| longdesc | URL | ได้รับการสนับสนุนใน HTML5 ระบุหน้าเว็บที่มีคำอธิบายยาวของเนื้อหานั้น <iframe> |
| marginheight | pixels | ได้รับการสนับสนุนใน HTML5 ระบุระยะขอบด้านบนและด้านล่างของเนื้อหานั้น <iframe> |
| marginwidth | pixels | ได้รับการสนับสนุนใน HTML5 ระบุระยะขอบซ้ายและขวาของเนื้อหานั้น <iframe> |
| name | text | ระบุชื่อของนั้น <iframe> |
| sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | ช่วยให้ชุดพิเศษของข้อ จำกัด สำหรับเนื้อหาในนั้น <iframe> |
| scrolling | yes no auto | ได้รับการสนับสนุนใน HTML5 ระบุหรือไม่ที่จะแสดงแถบเลื่อนใน <iframe> |
| src | URL | ระบุที่อยู่ของเอกสารที่จะฝังใน <iframe> |
| srcdoc | HTML_code | ระบุเนื้อหา HTML ของหน้าเว็บจะแสดงใน <iframe> |
| width | pixels | ระบุความกว้างของนั้น <iframe> |
แอตทริบิวต์ทั่วโลก
<iframe> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<iframe> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
HTML กวดวิชา: HTML Iframes
อ้างอิง HTML DOM: IFrame วัตถุ
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <iframe> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}