1. คำจำกัดความและการใช้งาน iframeIFRAMES มักจะใช้เพื่อรวมหน้าอื่น ๆ ตัวอย่างเช่นเราสามารถโหลดเนื้อหาจากเว็บไซต์ของผู้อื่นในหน้าเว็บไซต์ของเราเอง เพื่อผลลัพธ์ที่ดีกว่าเราอาจต้องทำให้ Iframe โปร่งใส จากนั้นเราจำเป็นต้องรู้แอตทริบิวต์ iframe เพิ่มเติม นี่คือการรวบรวมง่ายๆเพื่ออำนวยความสะดวกให้เพื่อนที่ต้องการ
องค์ประกอบ iframe สร้างเฟรมแบบอินไลน์ (เช่นเฟรมแบบอินไลน์) ที่มีเอกสารอื่น
ความแตกต่างระหว่าง HTML และ XHTML
ใน HTML 4.1 DTD ที่เข้มงวดและ XHTML 1.0 DTD ที่เข้มงวดไม่รองรับองค์ประกอบ IFRAME
เคล็ดลับและความคิดเห็น:
เคล็ดลับ: คุณสามารถวางข้อความที่ต้องการระหว่าง <frame> และ </iframe> เพื่อให้คุณสามารถจัดการกับเบราว์เซอร์ที่ไม่สามารถเข้าใจ iframe ได้
แท็ก iframe ปรากฏเป็นคู่เริ่มต้นด้วย <frame> และลงท้ายด้วย </iframe>
เนื้อหาในแท็ก iframe สามารถแสดงได้เมื่อเบราว์เซอร์ไม่รองรับแท็ก iframe
คุณสมบัติ
ตัวอย่าง
รหัสมีดังนี้:
<iframe src = http: //www.vevb.com width = 200 ความสูง = 500>
สคริปต์โฮมใช้เทคโนโลยีเฟรมเวิร์ก แต่เบราว์เซอร์ของคุณไม่รองรับเฟรมเวิร์ก กรุณาอัพเกรดเบราว์เซอร์ของคุณเพื่อเข้าถึงสคริปต์ที่บ้านตามปกติ
</iframe>
กำหนดขนาดเฟรม iframe โดยใช้พิกเซล
รหัสมีดังนี้:
<iframe src = http: //www.baidu.com ความกว้าง = ความสูง 20% = 50%>
สคริปต์โฮมใช้เทคโนโลยีเฟรมเวิร์ก แต่เบราว์เซอร์ของคุณไม่รองรับเฟรมเวิร์ก กรุณาอัพเกรดเบราว์เซอร์ของคุณเพื่อเข้าถึงสคริปต์ที่บ้านตามปกติ
</iframe>
กำหนดขนาดเฟรม iframe โดยใช้เปอร์เซ็นต์
2. iframe โปร่งใส
ในแท็ก <body> ของไฟล์ proneparentbody.htm ฉันได้เพิ่ม style = background-color = โปร่งใส ด้วยวิธีการเขียน IFRAME สี่วิธีต่อไปนี้ฉันคิดว่าคุณควรมีความเข้าใจที่ชัดเจนเกี่ยวกับการใช้ผลกระทบที่โปร่งใสของพื้นหลัง iFRAME:
รหัสมีดังนี้:
<iframe id = frame1 src = proseparentbody.htm levertransparency = true> </iframe>
<iframe id = frame2 src = proseparentbody.htm levertransparency = true style = พื้นหลัง-สี: สีเขียว> </iframe>
<iframe id = frame3 src = transparentbody.htm> </iframe>
<iframe id = frame4 src = proseparentbody.htm style = พื้นหลังสี: สีเขียว> </iframe>
Iframes ถูกบังคับให้ใช้เพราะการใช้ IFRames จะทำให้เกิดปัญหามากขึ้นและเบราว์เซอร์บางตัวสามารถตั้งค่า iframes เพื่อบล็อกพวกเขาเป็นโฆษณา
ฉันใช้ iframes ในเนื้อหาการทำงานล่าสุด ปัญหาที่ฉันพบในตอนแรกคือปัญหาของ Iframe ที่ปรับตัวได้สูง ปัญหานี้พบได้ในบล็อกของทีม UED ของ Kouwang.com ต่อมาฉันพบปัญหาโปร่งใส iframe
โดยปกติสีพื้นหลังของ iframe จะเป็นสีขาวและอาจมีสีที่แตกต่างกันภายใต้เบราว์เซอร์ที่แตกต่างกัน
หากหน้าหลักมีสีพื้นหลังโดยรวมหรือภาพพื้นหลัง
บล็อกสีขาวจะปรากฏในพื้นที่ iframe ซึ่งไม่สอดคล้องกับหน้าหลักซึ่งต้องการให้ iframe มีความโปร่งใส
ค้นหาโซลูชัน iframes ที่โปร่งใส
รหัสมีดังนี้:
<iframe src =./ads_top_tian.html อนุญาต transparency = true style = background-color = title title = test FrameBorder = 0 width = 470 ความสูง = 308 การเลื่อน = ไม่> </iframe> แน่นอน
[รหัส]
หมายเหตุ: ความโปร่งใส iframe ส่วนใหญ่ใช้ levertransparency = true style = background-color = โปร่งใส
<strong> 3. Iframe Adaptive Height
</strong> เนื่องจากความยาวยาวเกินไปคุณสามารถย้ายมาที่นี่เพื่อดู
<a target = _blank href = http: //www.vevb.com/vip/20767.html> http://www.vevb.com/vip/20767.html </a>
<strong> 4. เอาต์พุตรหัสโฆษณา iframe ผ่าน JS
</strong> [รหัส]
document.write ('<iframe Align = Middle marginWidth = 0 marginheight = 0 src = http: //www.vevb.com/vip/24902.html frameBorder = ไม่มีการเลื่อน = ไม่มีความกว้าง = 660 ความสูง = 80> </iFrame>');