ชื่อภาษาอังกฤษ: Anchor
ใช้ Anchors ชื่อเพื่อตั้งค่าเครื่องหมายในเอกสารซึ่งมักจะอยู่ที่หรือที่ด้านบนของหัวข้อเฉพาะในเอกสาร ลิงค์ไปยังจุดยึดที่มีชื่อเหล่านี้สามารถสร้างขึ้นได้อย่างรวดเร็วซึ่งจะนำผู้เข้าชมไปยังสถานที่ที่ระบุอย่างรวดเร็ว
กระบวนการสร้างลิงก์ไปยังจุดยึดที่มีชื่อแบ่งออกเป็นสองขั้นตอน ก่อนอื่นให้สร้างจุดยึดชื่อแล้วสร้างลิงค์ไปยังจุดยึดชื่อ
รหัสตัวอย่างกำหนดจุดยึดต่อไปนี้ในหน้า HTML ในตำแหน่งที่เหมาะสม:
<a name = top> นี่คือส่วนบนสุด </a>
<a name = content> นี่คือส่วนเนื้อหา </a>
<a name = foot> นี่คือส่วนเท้า </a>
(คุณสามารถใช้แอตทริบิวต์ ID แทนแอตทริบิวต์ชื่อและชื่อ Anchors ก็ใช้ได้เช่นกัน [1])
มีสองวิธีในการเข้าถึงจุดยึดดังกล่าวข้างต้น
หนึ่งคือการใช้แท็กไฮเปอร์ลิงก์ <a> </a> เพื่อสร้างลิงก์ยึดซึ่งส่วนใหญ่จะใช้สำหรับการเข้าถึงจุดยึดในหน้า
<a href =#top> คลิกฉันเพื่อเชื่อมโยงไปด้านบน </a>
<a href =#เนื้อหา> คลิกฉันเพื่อเชื่อมโยงไปยังเนื้อหา </a>
<a href =#ฟุต> คลิกฉันเพื่อเชื่อมโยงไปยังเท้า </a>
อีกวิธีหนึ่งคือการเพิ่มเครื่องหมายจุดยึดโดยตรงหลังจากที่อยู่หน้าเว็บซึ่งส่วนใหญ่ใช้สำหรับการเข้าถึงจุดยึดระหว่างหน้าต่างๆ
หากที่อยู่ของหน้านี้คือ http: // path ไฟล์/index.html เพื่อเข้าถึงจุดยึดเท้าเพียงเข้าถึงลิงก์ต่อไปนี้
http: // path ไฟล์/index.html#foot
2. HTML Anchor ทำอะไรได้บ้าง?ในแง่ง่าย ๆ ตัวอย่างเช่นหากคุณต้องการดูบทความที่ยาวมากในย่อหน้าที่แม่นยำคุณสามารถใช้จุดยึดได้
รหัส:
<a href =#001> ข้ามไปที่ 001 </a>
... ละเว้นข้อความ
<a name = 001 id = 001>/a>
... ละเว้นข้อความ
ในความเป็นจริงจุดยึดเท่านั้นต้องการชื่อและเพิ่ม ID เพื่อให้เข้ากันได้มากขึ้น
ค่าของ HREF จะต้องสอดคล้องกับชื่อ/ID และต้องเพิ่ม # ก่อนหน้า รหัสข้างต้นเข้ากันได้ใน IE6/7 และ FF แต่ไม่สามารถทำได้ใน IE8
เนื่องจากคุณค่าของจุดยึดของเรานั้นว่างเปล่าเราจึงต้องเพิ่มพื้นที่เพื่อไม่ส่งผลกระทบต่อความงาม
เป็นรหัสต่อไปนี้สามารถใช้งานร่วมกับ IE8 ได้
<a href =#001> ข้ามไปที่ 001 </a>
... ละเว้นข้อความ
<a name = 001 id = 001> & nbsp </a>
... ละเว้นข้อความ
อีกคำถามหนึ่งเกี่ยวกับการแสดงเนื้อหาของจุดยึดในหน้าหนึ่ง (เช่น: 123.html)?
รหัสมีดังนี้
<a href = 123.html#001> ข้ามไปที่ 001 </a>
... ละเว้นข้อความ
<a name = 001 id = 001> & nbsp </a>
... ละเว้นข้อความ
เมื่อวานนี้เมื่อฉันทำงานเป็นพื้นหลัง ฉันต้องการปรับเปลี่ยนตำแหน่งดังนั้นฉันจึงย้ายเครื่องหมายจุดยึดออก (ฉันมักจะลืมมัน)
แต่โปรแกรมบอกว่าพวกเขาต้องการได้รับคุณค่าและพวกเขาจะต้องมี? หรือ & ในการเชื่อมต่อเพื่อให้จุดยึดของฉันจะเข้ากันไม่ได้ ...
ฮิฮิ จะมีทางออกในอนาคต!
แม้ว่าจะมีปัญหาเกี่ยวกับความเข้ากันได้ของสมอในหน้า JSP แต่ก็ไม่มีปัญหาในหน้าคงที่และยังคงคุ้มค่าที่จะเรียนรู้!
3. ในการพัฒนาเว็บจะใช้แองเคอร์หน้า แองเคอร์หน้า HTML ใช้เพื่อเชื่อมโยงไปยังบทของหน้า W3School บอกว่าการสร้างแองเคอร์ใช้แอตทริบิวต์และแอ็กเตอร์ชื่อ <a> (จุดยึด) และชื่อ แต่นี่ไม่ใช่วิธีเดียวที่จะสร้างจุดยึดหน้า มาพูดคุยสั้น ๆ เกี่ยวกับสองวิธีในการสร้างจุดยึดหน้า HTMLเราสามารถใช้เครื่องมือทดสอบออนไลน์ของ W3School เพื่อทดสอบ รหัสทดสอบหลังจากเปิดลิงก์ใช้ <a href =#c4″> และ <a name = c4″> และไม่มีปัญหากับการทดสอบ จากนั้นเปลี่ยน <h2> <a name = c4″> บทที่ 4 </a> </h2> ถึง <h2 id = c4″> บทที่ 4 </h2> จากนั้นทดสอบเอฟเฟกต์ก็เหมือนกัน
หมายเหตุ: นอกเหนือจากการใช้แอตทริบิวต์ชื่อแท็กแองเคอร์คุณยังสามารถใช้แอตทริบิวต์ ID สำหรับการสร้างจุดยึดหน้า ค่าของแอตทริบิวต์ HREF ในจุดยึด <a> แท็กคือค่าของจุดเริ่มต้น # บวกชื่อหรือ ID ของเป้าหมาย:
คัดลอกรหัส