แก้ไขแล้ว: html iframe เต็มหน้า

ปัญหาหลักในการใช้ iframe แบบเต็มหน้าคือเนื้อหาของ iframe จะไม่ถูกโหลดจนกว่าผู้ใช้จะคลิกลิงก์ใน iframe ซึ่งอาจทำให้เวลาในการโหลดหน้าเว็บช้าลงและทำให้ผู้ใช้สับสนได้

<iframe src="http://www.fullpage.com/index.html" width="100%" height="100%"></iframe>

บรรทัดรหัสด้านบนสร้าง iframe หรือเฟรมแบบอินไลน์ iframe ใช้เพื่อฝังเอกสารอื่นภายในเอกสาร HTML ปัจจุบัน

แอตทริบิวต์ src ระบุ URL ของเอกสารที่จะฝัง

คุณลักษณะความกว้างและความสูงระบุขนาดของ iframe ขนาดระบุเป็นพิกเซลโดยค่าเริ่มต้น แต่สามารถระบุเป็นเปอร์เซ็นต์ของขนาดขององค์ประกอบที่มี

ในกรณีนี้ iframe ใช้พื้นที่ 100% ของความกว้างและความสูงขององค์ประกอบที่มีอยู่

ไอเฟรมคืออะไร

?

iframe เป็นเฟรมแบบอินไลน์ประเภทหนึ่งที่อนุญาตให้หน้าเว็บฝังหน้าเว็บอื่นไว้ภายใน Iframes ใช้เพื่อแสดงเนื้อหาจากเว็บไซต์อื่น โดยไม่ต้องออกจากหน้าที่ฝังไว้

คุณสมบัติของไอเฟรม

สามารถใช้คุณสมบัติของ iframe ใน HTML เพื่อควบคุมวิธีการแสดง iframe

เคล็ดลับในการทำงานกับ iframes

มีบางสิ่งที่ควรทราบเมื่อทำงานกับ iframes ใน HTML ขั้นแรก ให้ใช้แอตทริบิวต์ src เพื่อระบุ URL ของ iframe เสมอ ประการที่สอง ตรวจสอบให้แน่ใจว่า iframe ของคุณถูกห่อหุ้มด้วย a

แท็ก สุดท้าย อย่าลืมระบุแอตทริบิวต์ความกว้างและความสูงที่ถูกต้องบน iframe ของคุณ

ข้อเสียของ iframe

มีข้อเสียเล็กน้อยในการใช้ iframes ใน HTML ประการแรก สิ่งเหล่านี้อาจมีความเสี่ยงด้านความปลอดภัย เนื่องจากหากผู้โจมตีสามารถเข้าถึงเนื้อหาของ iframe ได้ พวกเขาอาจใช้ประโยชน์จากช่องโหว่ในเบราว์เซอร์หรือตัวเพจเองเพื่อรันโค้ดที่เป็นอันตราย นอกจากนี้ iframe อาจทำให้เวลาในการโหลดหน้าเว็บช้าลงและรบกวนการนำทางของหน้าเว็บได้

กระทู้ที่เกี่ยวข้อง:

แสดงความคิดเห็น