การใช้งาน iframe
iframe คือ HTML CODE ที่ใช้ในการดึงหน้าเว็บไม่ว่าจะเป็น path url จากเว็บเราหรือจากเว็บอื่น มาแสดงในเว็บของเรา
และสามารถกำหนดได้ทั้งขนาดของกรอบที่จะแสดง กว้าง / ยาว
บางที่ใช้ในการดึงกรอบข่าวสารจากเว็บอื่นๆมาแสดงที่เว็บของเรา
ข้อดีของ iframe
ช่วยแบ่งการโหลดหน้าเว็บออกเป็นส่วนๆ ทำให้ลดการโหลดหน้าเว็บหลักของเราทำให้ดูเหมือนเว็บโหลดไวขึ้น
นอกจากนี้ยังสามารถดึงหน้าเว็บจากเว็บอื่นมาแสดงที่หน้าเว็บของเราได้ด้วย iframe เช่นเดียวกัน และ หากไฟล์หรือลิ้งค์ที่เราใส่ไว้ใน iframe เกิดมีปัญหา error ก็จะไม่ส่งผลกับหน้าเว็บหลักของเรา แต่จะไป error ในส่วนของ iframe แทน และยังมีข้อดีอื่นๆอีก แต่ก็ใช่ว่าจะมีแต่ข้อดี เพราะการใช้ iframe ก็มีข้อเสียอยู่หลายส่วนเช่นกัน
ข้อเสียของ iframe
ไม่ดีต่อ robot search
ทำให้เว็บโหลดช้าตามเว็บที่ดึงมา
การใช้งานเอา code iframe ไปไว้ใน html ส่วนที่เราต้องการให้แสดงผลครับ โดย code iframe สามารถเขียนคร่าวๆได้ดังนี้
<iframe src=”http://www.vir9.com” height=”500″ width=”750″ >
</iframe>
สำหรับ option ของ tag iframe นี้จะมีให้เลือกใช้อยู่มากมายอยู่ที่เราจะใส่เข้าไป
เป็น url ของหน้าที่ต้องการดึงมาแสดงใส่ได้ทั้งลิ้งค์ภายใน และ ลิ้งค์ภายนอกจากที่อื่นครับ
src=”http://www.vir9.com”
สามารถใส่ได้ (auto | yes | no) กำหนดให้กรอบของเรามี scrollbar หรือไม่
scrolling=”auto”
สามารถใส่ class และ id
class=”{classname}”
หลักๆสามารถใส่ได้ (0 | 1 | yes | no) หรือตัวเลขครับ ในส่วนนี้จะเป็น border ของกรอบครับ
frameborder=”1″
ระยะห่างจากขอบ
marginheight=”” marginwidth=””
ใส่ style css ได้
style=””
สีของเส้นขอบ border ของกรอบ iframe
bordercolor=”#CCCCCC”
จัดกลาง / ขวา / ซ้าย
align=”left”