<a>
องค์ประกอบ nchor เป็นเพียงสมอไปยังหรือจากเนื้อหาบางส่วน เดิมทีข้อมูลจำเพาะ HTML ที่อนุญาตให้ใช้สำหรับชื่อจุดยึด ( <a name="foo">
) และจุดยึดแบบโยง ( <a href="#foo">
)
รูปแบบจุดยึดชื่อใช้น้อยกว่าเนื่องจากตัวระบุส่วนถูกใช้เพื่อระบุ[id]
แอตทริบิวต์ (แม้ว่าจะใช้งานร่วมกันได้คุณสามารถระบุ[name]
แอตทริบิวต์) ได้ องค์ประกอบโดยไม่ต้องมีคุณลักษณะที่ยังคงถูกต้อง<a>
[href]
เท่าที่ความหมายและการใส่สไตล์มีส่วนเกี่ยวข้อง<a>
องค์ประกอบนั้นไม่ใช่ลิงก์ ( :link
) เว้นแต่ว่าจะมี[href]
แอตทริบิวต์ ผลข้างเคียงของสิ่งนี้คือ<a>
องค์ประกอบที่ไม่มี[href]
จะไม่เรียงตามลำดับการแท็บตามค่าเริ่มต้น
คำถามจริงคือไม่ว่าจะเป็นองค์ประกอบอยู่คนเดียวเป็นตัวแทนที่เหมาะสมของ<a>
<button>
ในระดับความหมายมีความแตกต่างที่ชัดเจนระหว่างและlink
button
ปุ่มคือสิ่งที่เมื่อคลิกทำให้เกิดการกระทำ
ลิงค์คือปุ่มที่ทำให้เกิดการเปลี่ยนแปลงในการนำทางในเอกสารปัจจุบัน การนำทางที่เกิดขึ้นสามารถเคลื่อนย้ายภายในเอกสารในกรณีของตัวระบุส่วน ( #foo
) หรือย้ายไปยังเอกสารใหม่ในกรณีของ URL ( /bar
)
เนื่องจากลิงก์เป็นปุ่มชนิดพิเศษพวกเขาจึงมักถูกแทนที่ด้วยการกระทำเพื่อทำหน้าที่ทางเลือก การใช้จุดยึดอย่างต่อเนื่องเป็นปุ่มก็ถือว่าใช้ได้จากจุดยืนที่สอดคล้องกันถึงแม้ว่ามันจะไม่ค่อยแม่นยำในเชิงความหมาย
หากคุณกังวลเกี่ยวกับความหมายและความสามารถในการเข้าถึงการใช้<a>
องค์ประกอบ (หรือ<span>
หรือ<div>
) เป็นปุ่มคุณควรเพิ่มแอตทริบิวต์ต่อไปนี้:
<a role="button" tabindex="0" ...>...</a>
บทบาทปุ่มบอกผู้ใช้ว่าองค์ประกอบโดยเฉพาะอย่างยิ่งจะถูกถือว่าเป็นปุ่มเป็นผู้แทนที่สำหรับความหมายสิ่งที่องค์ประกอบพื้นฐานอาจจะมี
สำหรับ<span>
และ<div>
องค์ประกอบคุณอาจต้องการเพิ่มตัวรับฟังรหัส JavaScript สำหรับSpaceหรือEnterเรียกใช้click
เหตุการณ์ <a href>
และ<button>
องค์ประกอบจะทำสิ่งนี้ตามค่าเริ่มต้น แต่องค์ประกอบที่ไม่ใช่ปุ่มจะไม่ทำเช่นนั้น บางครั้งการผูกclick
ทริกเกอร์ให้กับคีย์ที่แตกต่างกัน ยกตัวอย่างเช่นปุ่ม "ช่วย" F1ในเว็บแอปอาจจะผูกพันกับ