เฟรมแบบอินไลน์ช่วยให้คุณสามารถรวมเนื้อหาจากแหล่งภายนอกบนหน้าเว็บของคุณ
เฟรมแบบอินไลน์มักเรียกกันว่า "iframe" เป็นเฟรมเดียวที่ได้รับอนุญาตใน HTML5 เฟรมเหล่านี้เป็นส่วนหลักของหน้าเว็บที่คุณ "ตัดออก" ในพื้นที่ที่คุณตัดออกจากหน้าเว็บคุณสามารถป้อนข้อมูลในหน้าเว็บภายนอกได้ ในสาระสำคัญ iframe เป็นหน้าต่างเบราว์เซอร์อื่นที่อยู่ในหน้าเว็บของคุณ คุณเห็น iframes ที่ใช้ทั่วไปในเว็บไซต์ที่ต้องมีเนื้อหาภายนอกเช่นแผนที่ Google หรือวิดีโอจาก YouTube
ทั้งสองเว็บไซต์ยอดนิยมใช้ iframes ในโค้ดฝัง
วิธีการใช้องค์ประกอบ IFRAME
องค์ประกอบใช้องค์ประกอบระดับโลก HTML5 รวมทั้งองค์ประกอบอื่น ๆ สี่เป็นคุณลักษณะใน HTML 4.01:
- - URL สำหรับแหล่งที่มาของเฟรม
- - ความสูงของหน้าต่าง
- - ความกว้างของหน้าต่าง
- - ชื่อของหน้าต่าง
และสามรูปแบบใหม่ใน HTML5:
- srcdoc- HTML สำหรับแหล่งที่มาของเฟรม แอ็ตทริบิวต์นี้มีความสำคัญมากกว่า URL ใด ๆ ในแอตทริบิวต์ src
- sandbox - รายการคุณลักษณะที่ควรได้รับอนุญาตหรือไม่อนุญาตในกรอบหน้าต่าง
- ไม่มีรอยต่อ - บอกกล่าวให้ผู้ใช้งานทราบว่า iframe ควรถูกแสดงผลเช่นเดียวกับส่วนที่มองไม่เห็นได้ของเอกสารหลัก
ในการสร้าง iframe แบบเรียบง่ายคุณต้องตั้งค่า URL ต้นทางและความกว้างและความสูง: