|
HTML > HTML Tutorial
HTML Frame
ด้วยการใช้ frame จะสามารถแสดงเว็บเพจมากกว่าหนึ่งใน window ของ browser เดียวกัน
frame
frame สามารถช่วยในการแสดงเอกสาร HTML มากกว่าหนึ่งใน window ของ browser เดียวกัน แต่ละเอกสาร HTML ได้รับการเรียกว่า frame และแต่ละ frame เป็นอิสระจาก frame อื่น
ข้อเสียเปรียบของการใช้ frame คือ
- ผู้พัฒนาเว็บต้องสืบค้นเอกสารมาก
- การพิมพ์ทั้งเพจทำได้ลำบาก
แท๊ก frameset
- แท๊ก <frameset> กำหนดการแบ่ง window ออกเป็น frame
- แต่ละ frameset กำหนดชุดของแถวหรือคอลัมน์
- ค่าของแถวหรือคอลัมน์ชี้จำนวนรวมของพื้นที่หน้าจอที่แต่ละแถวหรือคอลัมน์จะใช้งาน
แท๊ก frame
แท๊ก <frame> กำหนดเอกสารที่วางในแต่ละ frame
ในตัวอย่างข้างล่าง มี frameset 2 คอลัมน์ คอลัมน์แรกตั้งค่าร้อยละ 25 ของความกว้าง window ของ browser คอลัมน์ที่สองตั้งค่าร้อยละ 75 ของความกว้าง window ของ browser เอกสาร HTML "frame_a.htm" ได้รับการวางในคอลัมน์แรก และเอกสาร HTML "frame_b.htm" ได้รับการวางในคอลัมน์ที่สอง
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset> |
หมายเหตุ ค่าขนาดคอลัมน์ frameset สามารถได้รับการตั้งค่าเป็นพิกเซล (cols="200,500") และอีกคอลัมน์หนึ่งlมารถตั้งค่าโดยใช้ที่ว่างที่เหลือ (cols="25%,*") ได้เช่นกัน
ข้อสังเกตเบื้องต้น
ถ้า frame มีขอบมองเห็นได้ ผู้ใช้สามารถปรับขนาดโดยการลากขอบนั้น เพื่อป้องกันผู้ใช้จากการกระทำดังกล่าว สามารถเพิ่ม noresize="noresize" กับแท็ก frame ให้เพิ่มแท็ก <noframes> สำหรับ browser ที่ไม่สนับสนุน frame
สำคัญ ไม่สามารถใช้แท็ก <body></body> ร่วมกับแท็ก <frameset></frameset> ถ้าเพิ่มแท็ก <noframes> เก็บบางข้อความสำหรับ browser ที่ไม่สนับสนุน frame จะต้องหุ้มด้วยแท็ก <body></body>
แท็ก frame
| แท็ก |
คำอธิบาย |
| <frameset> |
กำหนดชุดของ frame |
| <frame> |
กำหนด window ย่อย (frame) |
| <noframes> |
กำหนดส่วน noframe สำหรับ browser ที่ไม่จัดการ frame |
| <iframe> |
กำหนด window ย่อย (frame) แบบ inline |
|
