เฟรม HTML

ด้วยการใช้ฟราม คุณสามารถแสดงหลายหน้าที่ที่ใช้บราวเซอร์เดียวกันได้

ตัวอย่าง

ฟรามตั้งแนวตรง
ตัวอย่างนี้แสดงว่าเป็นไรที่จะทำฟรามตั้งแนวตรงด้วยสามไฟล์เอกสารที่ต่างกัน
ฟรามระดับน้ำตก
ตัวอย่างนี้แสดงว่าเป็นไรที่จะทำฟรามระดับน้ำตกด้วยสามไฟล์เอกสารที่ต่างกัน

(คุณสามารถหาตัวอย่างมากมายได้ที่ด้านล่างของหน้านี้)

ฟราม

ด้วยการใช้ฟราม คุณสามารถแสดงหลายหน้าที่ที่ใช้บราวเซอร์เดียวกันได้ แต่ละเอกสาร HTML ถูกเรียกว่าฟราม และฟรามทุกตัวมีความเป็นอิสระกับฟรามอื่น

ข้อเสียของการใช้ฟราม:

  • นักพัฒนาต้องติดตามหลายไฟล์ HTML พร้อมๆ
  • มันยากที่จะพิมพ์หน้าตะเนนทั้งหมด
แท็ก Frame structure (<frameset>)
  • แท็ก Frame structure (<frameset>) กำหนดวิธีการแบ่งหน้าตะเ�นเป็นฟราม
  • ฟรามเซ็ททุกตัวกำหนดบรรทัดหรือคอลัมน์หรือคอลัมน์
  • ค่า rows/columns กำหนดพื้นที่ที่ทุกบรรทัดหรือคอลัมน์เข้าใจในหน้าจอ

หมายเหตุบรรณาธิการ：แท็ก frameset ก็ได้ถูกแปลในบางบทความและหนังสือเป็น ฟรามเซ็ท

แท็ก Frame (Frame)

แท็ก Frame กำหนดเอกสาร HTML ที่จะใส่ในแต่ละฟราม

ในตัวอย่างด้านล่างนี้ เราได้ตั้งค่าฟรามเซ็ทสองคอลัมน์ คอลัมน์แรกถูกตั้งค่าเพื่อที่จะใช้พื้นที่ 25% ของหน้าตะเ�นบราวเซอร์ คอลัมน์ที่สองถูกตั้งค่าเพื่อที่จะใช้พื้นที่ 75% ของหน้าตะเ�นบราวเซอร์ HTML ไฟล์ "frame_a.htm" ถูกจัดลงในคอลัมน์แรก และ HTML ไฟล์ "frame_b.htm" ถูกจัดลงในคอลัมน์ที่สอง:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

คำเตือนพื้นฐาน - คำแนะนำที่มีประโยชน์:

ถ้ามีกรอบที่มีขอบน่าเห็น ผู้ใช้สามารถลากขอบเพื่อเปลี่ยนขนาดของมันได้ อีกทั้งเพื่อที่จะป้องกันการที่จะเกิดขึ้นนี้ สามารถใส่ในแท็ก <frame> ด้วยคำสั่ง noresize="noresize"

เพิ่มแบบ <noframes> สำหรับเว็บบราวเซอร์ที่ไม่สนับสนุนแบบแก้ไข

คำเตือนสำคัญ：ไม่สามารถใช้แบบ <body></body> กับ <frameset></frameset> พร้อมกันได้ แต่หากคุณเพิ่มแบบ <noframes> ที่มีข้อความ คุณจะต้องทำให้ข้อความนี้อยู่ภายในแบบ <body></body> ในตัวอย่างแรก (ในตัวอย่างด้านล่างนี้ คุณสามารถเห็นว่ามันทำได้อย่างไร)

ตัวอย่างเพิ่มเติม

วิธีที่จะใช้แบบ <noframes> ที่มีรหัส
ตัวอย่างนี้แสดงวิธีที่จะใช้แบบ <noframes> ที่มีรหัส
โครงสร้างแบบแก้ไขที่ผสม
ตัวอย่างนี้แสดงวิธีที่จะสร้างโครงสร้างแบบแก้ไขที่มีสามเอกสาร และปรับใช้กันในแถวและคอลัมน์
โครงสร้างแบบแก้ไขที่มีคุณสมบัติ noresize="noresize"
ตัวอย่างนี้แสดงวิธีที่จะใช้คุณสมบัติ noresize โดยในตัวอย่างนี้ แบบแก้ไขไม่สามารถปรับขนาดได้ หากคุณลากเมาส์บนขอบระหว่างแบบแก้ไข คุณจะพบว่าขอบไม่สามารถย้ายได้
แบบแก้ไขทางนำทาง
ตัวอย่างนี้แสดงวิธีที่จะสร้างแบบแก้ไขทางนำทาง แบบแก้ไขทางนำทางมีรายการลิงก์ที่มุ่งหน้าไปยังแบบแก้ไขที่สอง ไฟล์ "contents.htm" มีสามลิงก์
แบบแก้ไขที่ฝังอยู่
ตัวอย่างนี้แสดงวิธีที่จะสร้างแบบแก้ไขที่ฝังอยู่ (frame ในหน้า HTML)
เปลี่ยนไปยังส่วนที่กำหนดในแบบแก้ไข
ตัวอย่างนี้แสดงสองแบบแก้ไข ซึ่งหนึ่งแบบเป็นแบบแก้ไขที่มีลิงก์มุ่งหน้าไปยังส่วนที่กำหนดในแบบแก้ไขอื่น ไฟล์ "link.htm" มีส่วนที่กำหนดใช้ <a name="C10"> ที่ระบุ
ใช้แบบแก้ไขเพื่อเปลี่ยนไปยังส่วนที่กำหนด
ตัวอย่างนี้แสดงสองแบบแก้ไข ซึ่งหนึ่งแบบเป็นแบบแก้ไขทางด้านซ้าย ซึ่งมีรายการลิงก์ และลิงก์นั้นจะมุ่งหน้าไปยังแบบแก้ไขที่สอง แบบแก้ไขที่สองแสดงเอกสารที่ลิงก์มา ลิงก์ภายในแบบแก้ไขทางด้านซ้ายจะมุ่งหน้าไปยังส่วนที่กำหนดในแบบแก้ไขที่สอง