Skip to main content

วิธีการเชื่อมโยงเป้าหมายใน IFrame HTML และเฟรม

Anonim

เมื่อคุณสร้างเอกสารที่จะอยู่ภายใน a IFRAMEลิงก์ใด ๆ ในเฟรมนั้นจะเปิดในเฟรมเดียวกันโดยอัตโนมัติ แต่ด้วยแอตทริบิวต์ในลิงก์ (องค์ประกอบหรือองค์ประกอบ) คุณสามารถเลือกตำแหน่งที่ลิงก์ของคุณควรเปิด

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

id = "หน้า">target = "หน้า">

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

แต่ถ้าคุณไม่ต้องการตั้งชื่อทุกหน้าต่างหรือทุกเฟรมด้วยรหัสคุณยังคงสามารถกำหนดเป้าหมายบางหน้าต่างได้โดยไม่จำเป็นต้องมีหน้าต่างหรือเฟรมที่มีชื่อ เหล่านี้เรียกว่าเป้าหมายมาตรฐาน

คำหลักเป้าหมายสี่รายการ

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

  • _self
    • นี่เป็นเป้าหมายเริ่มต้นสำหรับแท็ก anchor หากคุณไม่ได้ตั้งค่า เป้า หรือคุณใช้เป้าหมายนี้ลิงก์จะเปิดในหน้าต่างหรือเฟรมเดียวกับที่มีการเชื่อมโยงอยู่
  • _parent
    • Iframes ฝังอยู่ภายในเว็บเพจ และคุณสามารถฝัง iframe ในหน้าเว็บที่อยู่ภายใน iframe อีกหน้าเว็บหนึ่งได้ เมื่อคุณตั้งค่า เป้า แอตทริบิวต์ _parent ลิงก์จะเปิดขึ้นในหน้าเว็บที่เก็บ iframe
  • _top
    • ในสถานการณ์ส่วนใหญ่กับ iframes เป้าหมายนี้จะเปิดลิงก์ในลักษณะเดียวกับที่ _parent เป้าหมายไม่ แต่ถ้ามี a IFRAME ภายใน a IFRAME, _top เป้าหมายจะเปิดลิงก์ในหน้าต่างระดับสูงสุดในชุดการลบ iframe ทั้งหมด
  • _ blank
    • นี่คือเป้าหมายที่ใช้โดยทั่วไป - จะเปิดลิงก์ในหน้าต่างใหม่ทั้งหมดคล้ายกับป๊อปอัป

วิธีการเลือกชื่อเฟรมของคุณ

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

ฉันชอบชื่อ iframes ของฉันสำหรับสิ่งที่พวกเขาสำหรับ ตัวอย่างเช่น:

id = "การเชื่อมโยง">id = "ภายนอกเอกสาร">

การใช้กรอบ HTML ที่มีเป้าหมาย

HTML5 ทำให้เฟรมและเฟรมนับล้าสมัย แต่ถ้าคุณยังคงใช้ HTML 4.01 คุณสามารถกำหนดเป้าหมายเฟรมเฉพาะในแบบเดียวกับที่คุณกำหนดเป้าหมาย iframes คุณให้ชื่อเฟรมด้วย รหัส แอตทริบิวต์:

id = "MyFrame">

จากนั้นเมื่อลิงก์ในเฟรมอื่น (หรือหน้าต่าง) มีเป้าหมายเดียวกันลิงก์จะเปิดในเฟรมนั้น:

target = "MyFrame">

คำหลักเป้าหมายทั้งสี่แบบสามารถทำงานร่วมกับเฟรม _parent เปิดในกรอบแนบ, _self เปิดในกรอบเดียวกัน _top จะเปิดขึ้นในหน้าต่างเดียวกัน แต่อยู่นอกเฟรมเซ็ตและ _ blank เปิดขึ้นในหน้าต่างหรือแท็บใหม่ (ขึ้นอยู่กับเบราเซอร์)

การกำหนดเป้าหมายเริ่มต้น

นอกจากนี้คุณยังสามารถกำหนดเป้าหมายเริ่มต้นบนหน้าเว็บโดยใช้องค์ประกอบได้ คุณตั้งค่า เป้า ระบุชื่อของ iframe (หรือเฟรมใน HTML 4.01) ที่คุณต้องการให้ลิงก์ทั้งหมดเปิดอยู่นอกจากนี้คุณยังสามารถกำหนดเป้าหมายเริ่มต้นของหนึ่งในสี่คำหลักเป้าหมาย ต่อไปนี้คือวิธีการเขียนเป้าหมายเริ่มต้นสำหรับเพจ:

องค์ประกอบอยู่ใน หัว ของเอกสารของคุณ เป็นองค์ประกอบโมฆะดังนั้นใน XHTML คุณจะมีเครื่องหมายทับปิด:

/>