ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML5 เกี่ยวกับการสอน

HTML บ้าน HTML บทนำ บรรณาธิการ HTML HTML ขั้นพื้นฐาน HTML องค์ประกอบ HTML แอตทริบิวต์ HTML หัวเรื่อง HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML รหัสคอมพิวเตอร์ HTML ความคิดเห็น HTML สี HTML CSS HTML การเชื่อมโยง HTML ภาพ ตาราง HTM​​L รายการ HTML HTML บล็อกและ Inline องค์ประกอบ HTML ชั้นเรียน HTML แบบ HTML อ่อนไหว HTML iframes HTML JavaScript HTML หัว HTML หน่วยงาน HTML สัญลักษณ์ HTML charset HTML URL เปลี่ยนเป็นรหัส HTML XHTML

HTML ฟอร์ม

HTML ฟอร์ม HTML องค์ประกอบของแบบฟอร์ม HTML รูปแบบการใส่ HTML แอตทริบิวต์การป้อนข้อมูล

HTML5

HTML5 แนะนำ HTML5 สนับสนุน HTML5 องค์ประกอบ HTML5 อรรถศาสตร์ การย้ายถิ่นของ HTM​​L5 HTML5 คู่มือสไตล์

HTML กราฟิก

HTML ผ้าใบ HTML SVG

HTML สื่อ

HTML สื่อ HTML วีดีโอ HTML เสียง HTML ปลั๊กอิน HTML YouTube

HTML APIs

HTML ตำแหน่งทางภูมิศาสตร์ HTML ลาก / Drop HTML เก็บข้อมูลท้องถิ่น HTML App ขุมทรัพย์ HTML คนงานเว็บ HTML SSE

HTML ตัวอย่าง

HTML ตัวอย่าง HTML ทดสอบ HTML5 ทดสอบ HTML สรุป

HTML คู่มืออ้างอิง

HTML รายการแท็ก HTML แอตทริบิวต์ เหตุการณ์ HTML HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML สี HTML ชุดตัวอักษร HTML URL เปลี่ยนเป็นรหัส HTML รหัสภาษา HTTP ข้อความ HTTP วิธีการ PX to EM แปลง แป้นพิมพ์ลัด

HTML Iframes


iframe ที่จะใช้ในการแสดงหน้าเว็บภายในหน้าเว็บ


กรอบคำอธิบาย

กรอบอนุญาตให้หน้าต่าง HTML เบราว์เซอร์ภาพจะถูกแบ่งออกเป็นกลุ่มซึ่งแต่ละสามารถแสดงเอกสารที่แตกต่างกัน นี้สามารถลดการใช้งานแบนด์วิดธ์เป็นส่วนหนึ่งของการทำซ้ำรูปแบบที่สามารถนำมาใช้ในหนึ่งเฟรมขณะที่เนื้อหาตัวแปรจะปรากฏขึ้นในอีก

นี้อาจมีค่าใช้จ่ายในการใช้งานบางอย่างโดยเฉพาะอย่างยิ่งในตัวแทนผู้ใช้ไม่เห็นเนื่องจากการแยกและเอกสารที่เป็นอิสระ (หรือเว็บไซต์) ถูกแสดงที่อยู่ติดกับแต่ละอื่น ๆ และได้รับอนุญาตให้มีปฏิสัมพันธ์กับหน้าต่างหลักเดียวกัน

เนื่องจากค่าใช้จ่ายนี้เฟรม (ไม่รวมองค์ประกอบ iframe) จะได้รับอนุญาตเท่านั้นใน HTML 4.01 เฟรมชุด

Iframes ยังสามารถเก็บเอกสารบนเซิร์ฟเวอร์ที่แตกต่างกัน ในกรณีนี้การมีปฏิสัมพันธ์ระหว่างหน้าต่างถูกบล็อกโดยเบราว์เซอร์


iframe ไวยากรณ์

ไวยากรณ์สำหรับการเพิ่ม iframe คือ:

<iframe src=" URL "></iframe>

src แอตทริบิวต์ระบุ URL (web address) ของหน้า iframe ได้


iframe - ตั้งสูงและความกว้าง

ใช้ความสูงและความกว้างแอตทริบิวต์ระบุขนาด

ค่าแอตทริบิวต์ที่ระบุไว้ในพิกเซลโดยเริ่มต้น แต่พวกเขายังสามารถอยู่ในร้อยละ (like "80%")

ตัวอย่าง

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
ลองตัวเอง»

iframe - ลบชายแดน

โดยค่าเริ่มต้น iframe มีขอบสีดำรอบมัน

ในการลบชายแดนเพิ่ม style แอตทริบิวต์และใช้คุณสมบัติ CSS ชายแดน:

ตัวอย่าง

<iframe src="demo_iframe.htm" style="border:none"></iframe>
ลองตัวเอง»

ด้วย CSS คุณยังสามารถเปลี่ยนขนาดรูปแบบและสีของเส้นขอบ iframe ที่:

ตัวอย่าง

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
ลองตัวเอง»

ใช้ iframe เป็นเป้าหมายสำหรับการเชื่อมโยง

iframe ที่สามารถนำมาใช้เป็นกรอบเป้าหมายสำหรับการเชื่อมโยง

target แอตทริบิวต์ของการเชื่อมโยงต้องดูที่ name แอตทริบิวต์ของ iframe:

ตัวอย่าง

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
ลองตัวเอง»

แท็ก HTML iframe

แท็ก ลักษณะ
<iframe> กำหนดกรอบแบบอินไลน์

ทดสอบตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ใช้สิทธิ 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย»