แบ่งปันตัวอย่างการใช้แท็กสมอใน HTML

การเชื่อมโยงไปยังตำแหน่งเฉพาะในเอกสารเดียวกันเรียกว่าลิงค์สมอ

วิธีการใช้สมอคือการเลือกจุดตำแหน่งเป้าหมายเพื่อสร้างเครื่องหมายตำแหน่งและใช้ค่าของแอตทริบิวต์ชื่อของเครื่องหมาย <a> เพื่อกำหนด

<a name = localize tagname>

ชื่อแอตทริบิวต์ใช้เพื่อสร้างจุดยึดชื่อ เมื่อใช้จุดยึดชื่อเราสามารถสร้างนิ้วที่กระโดดโดยตรงไปยังหน้า

กำหนดลิงก์ไปยังส่วนโดยไม่ต้องให้ผู้อ่านลากผ่านแถบเลื่อนเพื่อค้นหาส่วนที่เขา/เธอต้องการ

นี่คือไวยากรณ์สำหรับการสร้างจุดยึดชื่อ:

<a name = label> ข้อความที่จะแสดง </a>

ชื่อแอตทริบิวต์ใช้เพื่อสร้างจุดยึดชื่อ ชื่อของสมอสามารถตั้งชื่อได้โดยใช้ข้อความที่คุณชอบ

บรรทัดต่อไปนี้กำหนดจุดยึดชื่อ:

<a name = เคล็ดลับ> ส่วนเคล็ดลับที่มีประโยชน์ </a>

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

<a href =#location tagname>

จุดยึดที่มีชื่อไม่แตกต่างจากลิงก์ปกติโดยเฉพาะเมื่อแสดง

ในการเชื่อมโยงไปยังจุดสำคัญโดยตรงโดยทั่วไปคุณจะต้องเพิ่มสัญลักษณ์ # และชื่อสมอไปที่ส่วนท้ายของ URL ที่ร้องขอเช่นนี้:

<a href = jump '> http://www.w3schools.com/html_links.asp#tips> ข้ามไปยังส่วนเคล็ดลับที่มีประโยชน์ </a>

ไวยากรณ์สำหรับลิงก์สมอที่มีอยู่ไปยังไฟล์ html_links.asp (ภายในหน้า) มีดังนี้:

<a href =#เคล็ดลับ> ข้ามไปยังส่วนเคล็ดลับที่มีประโยชน์ </a>

<a href = "#tag"> จากที่นี่ </a> <div style = "ความสูง: 600px"> </div> <a name = "tag"> ข้ามไปที่นี่ </a>

มีประโยชน์มากที่จะคัดลอกไปยังหน้าของคุณเพื่อลองใช้หรือไม่?