จุดยึดแท็กที่ไม่มีแอตทริบิวต์ href ปลอดภัยหรือไม่

การใช้แท็กจุดยึดโดยไม่ต้องมีhrefแอตทริบิวต์และใช้ตัวจัดการเหตุการณ์คลิก JavaScript แทนหรือไม่ ดังนั้นฉันจะละเว้นhrefอย่างสมบูรณ์แม้จะว่างเปล่า ( href="")

ใน HTML5 การใช้aองค์ประกอบที่ไม่มีhrefแอตทริบิวต์นั้นถูกต้อง จะถือว่าเป็น "ตัวเชื่อมโยงหลายมิติตัวยึด"

ตัวอย่าง:

<a>previous</a>

มองหา "ตัวยึดเชื่อมโยงหลายมิติ" ใน W3C สมอแท็กหน้าอ้างอิง: https://www.w3.org/TR/2016/REC-html51-20161101/textlevel-semantics.html#the-a-element

และมันยังถูกกล่าวถึงในวิกิที่นี่: https://www.w3.org/wiki/Elements/a

ลิงค์ตัวยึดมีไว้สำหรับกรณีที่คุณต้องการใช้องค์ประกอบจุดยึด แต่ไม่สามารถนำทางได้ทุกที่ สิ่งนี้มีประโยชน์สำหรับการทำเครื่องหมายหน้าปัจจุบันในเมนูการนำทางหรือเส้นทางเกล็ดขนมปัง (วิธีการแบบเก่าน่าจะเป็นการใช้ span tag หรือ anchor tag ที่มีคลาสชื่อ "active" หรือ "current" เพื่อจัดรูปแบบและ JavaScript เพื่อยกเลิกการนำทาง)

ลิงค์ตัวยึดยังมีประโยชน์ในกรณีที่คุณต้องการตั้งค่าปลายทางของลิงก์ผ่าน JavaScript ในขณะรันไทม์ คุณเพียงแค่ตั้งค่าของแอตทริบิวต์ href และแท็กจุดยึดจะสามารถคลิกได้

ดูสิ่งนี้ด้วย:

• https://stackoverflow.com/a/10510353/19112
• http://www.html5in24hours.com/2012/06/8-ways-to-get-started-with-html5-today/
• http://webdesign.about.com/od/html5tutorials/qt/html5-placeholder-links.htm

มันก็โอเค แต่ในเวลาเดียวกันอาจทำให้เบราว์เซอร์บางตัวทำงานช้า

http://webdesignfan.com/yslow-tutorial-part-2-of-3-reducing-server-calls/

คำแนะนำของฉันคือใช้ <a href="#"> </a>

หากคุณกำลังใช้ JQuery อย่าลืมใช้:

.click(function(event){
    event.preventDefault();
    // Click code here...
});

คำตอบสั้น ๆ : ไม่

คำตอบยาว:

ก่อนอื่นหากไม่มีแอตทริบิวต์ href จะไม่มีลิงก์ หากไม่ใช่ลิงก์ก็จะไม่สามารถใช้แป้นพิมพ์ (หรือสวิตช์ลมหายใจหรืออุปกรณ์อินพุตอื่น ๆ ที่ไม่ใช่ตัวชี้โดยใช้ตัวชี้) (เว้นแต่คุณจะใช้คุณสมบัติ HTML 5 tabindexซึ่งไม่รองรับในระดับสากล) เป็นเรื่องยากมากที่จะเหมาะสมสำหรับการควบคุมที่ไม่มีการเข้าถึงคีย์บอร์ด

ที่สอง คุณควรมีทางเลือกอื่นเมื่อ JavaScript ไม่ทำงาน (เนื่องจากโหลดช้าจากเซิร์ฟเวอร์การเชื่อมต่ออินเทอร์เน็ตหลุด (เช่นสัญญาณมือถือบนรถไฟที่กำลังเคลื่อนที่) JS ถูกปิด ฯลฯ )

ทำให้การใช้งานของการเพิ่มประสิทธิภาพของความก้าวหน้าโดยJS สร้างความรำคาญ

หากคุณต้องใช้ href สำหรับความสามารถในการย้อนกลับคุณสามารถใช้

<a href="javascript:void(0)">link</a>

แทน # หากคุณไม่ต้องการใช้คุณสมบัติ

แท็กใช้ได้โดยไม่มีแอตทริบิวต์ href ตรงกันข้ามกับคำตอบมากมายที่นี่มีเหตุผลมาตรฐานจริง ๆ ในการสร้างจุดยึดเมื่อไม่มี href ความหมาย "a" หมายถึงจุดยึดหรือลิงก์ ถ้าคุณใช้มันเพื่ออะไรก็ตามที่ตามความหมายนั้นคุณก็ไม่เป็นไร

การใช้แท็กหนึ่งครั้งแบบไม่มีมาตรฐานคือการสร้างลิงค์ที่มีชื่อ สิ่งนี้อนุญาตให้คุณใช้จุดยึดที่มี name = blah และใหม่กว่าบนคุณสามารถสร้างจุดยึดด้วย href = # blah เพื่อเชื่อมโยงไปยังส่วนที่มีชื่อของหน้าปัจจุบัน อย่างไรก็ตามสิ่งนี้ถูกคัดค้านเนื่องจากคุณสามารถใช้ ID ในลักษณะเดียวกันได้ ตัวอย่างเช่นคุณสามารถใช้แท็กส่วนหัวที่มี id = header และต่อมาคุณอาจมีจุดยึดที่ชี้ไปที่ href = # header

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

จากเปอร์สเปคทีฟการเข้าถึงที่<a>ไม่มี href จะไม่สามารถแท็บได้ลิงก์ทั้งหมดควรสามารถใช้แท็บได้ดังนั้นให้เพิ่ม tabindex = '0 "หากคุณไม่มี href

<a>แท็กโดยไม่มี "href" จะมีประโยชน์เมื่อใช้เมนูหลายระดับและคุณจำเป็นต้องขยายระดับถัดไป แต่ไม่ต้องการป้ายเมนูที่จะต้องมีการเชื่อมโยงการใช้งาน ฉันไม่เคยมีปัญหาใด ๆ ที่ใช้แบบนั้น

ในบางเบราว์เซอร์คุณจะประสบปัญหาหากคุณไม่ได้ให้แอตทริบิวต์ href ฉันขอแนะนำให้คุณเขียนโค้ดของคุณดังนี้:

<a href="#" onclick="yourcode();return false;">Link</a>

คุณสามารถแทนที่ yourcode () ด้วยฟังก์ชันหรือตรรกะของคุณเอง แต่อย่าลืมเพิ่ม return return คำสั่งในตอนท้าย