วิธีสร้าง Inline Frame (iframe) ในหน้า HTML

แท็ก <iframe> ใช้สำหรับระบุ inline frame (เฟรมแทรก) สำหรับฝังเอกสารอื่นภายในเอกสารปัจจุบัน สร้างได้ง่ายมาก

แอตทริบิวต์หลักของ <iframe>

แอตทริบิวต์	คำอธิบาย
`src`	URL ของเอกสารที่จะฝัง (บังคับ)
`width`	ความกว้าง (พิกเซล หรือ %)
`height`	ความสูง (พิกเซล)
`name`	ชื่อของ iframe (ใช้เป็น target ของ link/form)
`frameborder`	0 หรือ 1 (deprecated ใน HTML5 ใช้ CSS แทน)
`allowfullscreen`	อนุญาตโหมดเต็มจอ
`loading="lazy"`	โหลดแบบ lazy (HTML5)

ตัวอย่าง

<!DOCTYPE html> <html>
  <head>
    <title>HTML iframe Tag</title>
  </head>
  <body>
    <iframe src="https://www.example.com" width="100%" height="400"></iframe>
  </body>
</html>

ข้อควรระวัง (Security)

ใช้ sandbox attribute เพื่อจำกัดสิทธิ์ (เช่น sandbox="allow-scripts allow-same-origin")
หลีกเลี่ยงฝังไซต์ที่ไม่น่าเชื่อถือ
ตั้ง X-Frame-Options หรือ Content-Security-Policy: frame-ancestors บนเซิร์ฟเวอร์เพื่อป้องกัน clickjacking