1. <html "> iframe> แท็ก: iframe เป็นเฟรมเวิร์กภายในซึ่งสร้างเฟรมเวิร์กภายในบนหน้า
2. <เฟรมเซ็ต> แท็ก: เฟรมชุดกำหนดชุดเฟรมเวิร์กซึ่งมีหลายเฟรมย่อยและแต่ละเฟรมเวิร์กมีเอกสารอิสระ
<frame> แท็กIFRAME เป็นเฟรมเวิร์กภายในซึ่งสร้างเฟรมเวิร์กภายในบนหน้า
<iframe> </iframe>
คุณสมบัติFrameBorder {int}: จะแสดงเฟรมของเฟรมหรือไม่
src {url}: ระบุ URI ของทรัพยากร (เช่นหน้าเว็บ, รูปภาพ);
การเลื่อน {บูลีน}: ไม่ว่าจะแสดงแถบกลิ้งของเฟรมหรือไม่
ความกว้าง {int}: กำหนดความกว้างของ iframe;
ความสูง {int}: กำหนดความสูงของ iframe;
ตัวอย่างที่เป็นแบบอย่าง<body> <h3> การสาธิตแท็ก html </h3> <iframe src = 1.1-showhtml.htm> </iframe> </body>ข้อควรระวัง
เมื่อ <iframe> ฉันเพิ่มเนื้อหาในเนื้อหา </iframe> เนื้อหาของหน้าเพิ่มจะไม่ปรากฏในหน้าจอแสดงผล ดังนั้นใช้แอตทริบิวต์ SRC เพื่อระบุหน้า
สถานการณ์แอปพลิเคชัน1) หน้าอัปเกรดฉบับบันทึกเวอร์ชันมากเกินไปคุณสามารถใส่ข้อมูลการอัพเกรดใน iFrame
2) กล่องแก้ไขฟอร์จูนเช่นพื้นที่ [เรียงความใหม่] ใน Blog Park
<เฟรมเซ็ต> ฉลากFRAMESET กำหนดชุดเฟรมเวิร์กที่มีหลายเฟรมเวิร์กและแต่ละเฟรมเวิร์กมีเอกสารอิสระ
รูปแบบ<frameset> <frame src = a.htm /> <frame src = b.htm /> <noframes> </noframes> </frameset>การอธิบายย่อย
<framesrc = a.htm />: sub -frame <noframes> </noframes>: เมื่อเบราว์เซอร์ไม่รองรับเฟรมเวิร์กนี้จะปรากฏขึ้น
คุณสมบัติ แอตทริบิวต์ Frameset:แถว: เค้าโครงของเฟรมย่อยตามบรรทัดของเส้น () การใช้สองเฟรมย่อยเป็นตัวอย่าง: แถว = 30%,*, ระบุว่าเฟรมเวิร์กแรกคิดเป็น 30%ของหน้าทั้งหมดและอันที่สองครอบครองหนึ่งที่เหลืออยู่; sub -frame () การใช้ 2 เฟรมย่อยเป็นตัวอย่าง: cols = 30%,*, ระบุว่าเฟรมเวิร์กแรกบัญชี 30%ของความยาวของหน้าทั้งหมดและอันที่สองครอบครองส่วนที่เหลือ; เฟรมย่อยโดยไม่ต้องปรับ
แอตทริบิวต์เฟรม:SRC: URI ที่อ้างถึงทรัพยากร (เช่นหน้า, รูปภาพ, ฯลฯ );
ชื่อ: ระบุชื่อของเฟรมเวิร์กสำหรับการทำงานระหว่างเฟรมเวิร์ก
ตัวอย่างที่เป็นแบบอย่าง<html xmlns = http://www.w3.org/1999/xhtml> <head> <dite> การสาธิตเฟรมเซ็ต </title> </head> dategrid.htm name = frm1/> <frame src = dialog.htm name = frm2/> <nooframes> </noframes> </frameset> </html>ข้อควรระวัง
เมื่อใช้แท็กเฟรมเซ็ตให้ความสนใจเพื่อลบแท็ก <body> </body> ของเลเยอร์ด้านนอก
การทำงานระหว่างเฟรมย่อย อ้างถึงรหัสตัวอย่าง FRM1 จะเปลี่ยนหน้าเว็บที่ชี้ไปที่ชุดย่อยของ frm2: window.parent.frames[frm2].location.href = 'b.htm'
สถานการณ์แอปพลิเคชัน
1) การจัดการหน้าพื้นหลังเมนูทางด้านซ้ายและหน้ารายละเอียดบนเฟรมด้านขวา
2) หน้าเมนูฟังก์ชันเช่น bbs.csdn.net
ความรู้น้อยเมื่อคุณเรียกดูเฟรมเวิร์กในหน้าคลิกขวา -คลิกที่หน้าเฟรมและจะมีข้อมูลเฟรมเวิร์กมากขึ้น
ใช้ Chrome เป็นตัวอย่าง: