จนกว่า HTML5 จะได้รับการเผยแพร่แท็กต้องมีแอตทริบิวต์หนึ่งอัน: href แต่ HTML5 ทำให้แอตทริบิวต์นั้นเป็นไปได้ เมื่อคุณเขียนแท็กโดยไม่มีแอตทริบิวต์ใด ๆ เรียกว่าลิงก์ตัวยึดตำแหน่ง
ลิงก์ตัวยึดตำแหน่งมีลักษณะดังนี้:
การใช้ตัวยึดตำแหน่งระหว่างการพัฒนา
นักออกแบบเว็บไซต์เกือบทุกรายได้สร้างลิงก์ตัวยึดตำแหน่งไว้ในที่เดียวกันเพียงครั้งเดียวหรือขณะออกแบบและสร้างเว็บไซต์ ก่อน HTML5 โปรแกรมเมอร์จะเขียนข้อมูลต่อไปนี้เป็นตัวยึดตำแหน่ง:
ลิงก์ข้อความ
ปัญหาเกี่ยวกับการใช้แฮชแท็ก (#) เป็นลิงก์ตัวยึดตำแหน่งคือลิงก์สามารถคลิกได้และอาจทำให้เกิดความสับสนสำหรับลูกค้าของคุณได้ และหากนักพัฒนาซอฟต์แวร์ลืมอัปเดต URL ด้วย URL ที่ถูกต้องลิงก์เหล่านี้จะแสดงหน้าเว็บเดียวกันกับที่ผู้ใช้เปิดอยู่หากคลิก
คุณควรเริ่มใช้แท็กโดยไม่มีแอตทริบิวต์ใด ๆ คุณสามารถจัดรูปแบบเหล่านี้ให้มีลักษณะคล้ายกับลิงก์อื่น ๆ บนหน้าเว็บของคุณ แต่จะไม่สามารถคลิกได้เนื่องจากเป็นเพียงตัวยึดตำแหน่งเท่านั้น
การใช้ตัวยึดตำแหน่งลิงก์ในไซต์สด
ลิงก์ตัวยึดตำแหน่งมีจุดในการออกแบบเว็บมากกว่าการพัฒนาเพียงอย่างเดียว สถานที่หนึ่งที่ลิงก์ placeholder สามารถส่องแสงอยู่ในองค์ประกอบการนำทาง ในหลาย ๆ กรณีรายการการนำทางเว็บไซต์มีวิธีระบุว่าคุณต้องการให้หน้าเว็บใด เหล่านี้มักเรียกว่าตัวบ่งชี้ "คุณอยู่ที่นี่"
เว็บไซต์ส่วนใหญ่อาศัยค่าแอตทริบิวต์ id ในองค์ประกอบที่ต้องการเครื่องหมาย "คุณอยู่ที่นี่" แต่บางส่วนใช้แอตทริบิวต์ class เช่นกัน อย่างไรก็ตามแอตทริบิวต์ที่คุณใช้คุณต้องทำผลงานพิเศษให้กับทุกๆหน้าที่มีการนำทางนั้นเพิ่มและลบแอ็ตทริบิวต์จากองค์ประกอบที่ถูกต้อง
ด้วยลิงก์ตัวยึดตำแหน่งคุณสามารถเขียนการนาวิเกตได้ตามต้องการแล้วเพียงแค่นำแอ็ตทริบิวต์ href ออกจากลิงก์ที่เหมาะสมเมื่อคุณเพิ่มการนำทางไปยังเพจ สำหรับการพัฒนาเคล็ดลับอย่างรวดเร็วเพื่อช่วยในการจัดเก็บรายการการนำทางทั้งหมดเป็นข้อมูลโค้ดในเครื่องมือแก้ไขของคุณดังนั้นจึงเป็นเพียงแค่การคัดลอกวางอย่างรวดเร็ว จากนั้นคุณสามารถลบ href ได้ คุณยังสามารถรับระบบการจัดการเนื้อหาของคุณ (CMS) เพื่อทำสิ่งเดียวกันได้
การจัดตำแหน่งสไตล์ตัวยึด
ลิงก์ตัวยึดตำแหน่งใช้งานง่ายและมีสไตล์แตกต่างจากลิงก์อื่น ๆ บนหน้าเว็บของคุณ เพียงแค่ต้องแน่ใจทั้งสไตล์แท็กและ a: link tag ตัวอย่างเช่น:
a {color: red; แบบอักษร: หนา; ตกแต่งข้อความ: ไม่มี; } a: link {color: blue; font-weight: ปกติ; text-decoration: ขีดเส้นใต้ }
CSS นี้จะทำให้การเชื่อมโยงตัวยึดเป็นตัวหนาและสีแดงโดยไม่มีการขีดเส้นใต้ ลิงก์ปกติจะมีน้ำหนักปกติเป็นสีน้ำเงินและขีดเส้นใต้
อย่าลืมรีเซ็ตรูปแบบใด ๆ ที่คุณไม่ต้องการนำมาจากแท็ก ยกตัวอย่างเช่นตัวอักษรน้ำหนักถูกตั้งค่าเป็นตัวหนาสำหรับการเชื่อมโยงตัวยึดดังนั้นคุณจะต้องตั้งค่าให้เป็น:
font-weight: ปกติ;
สำหรับลิงก์มาตรฐาน เช่นเดียวกับการตกแต่งข้อความ การลบด้วย selector จะถูกลบออกจากตัวเลือก link: ถ้าฉันไม่ได้นำกลับมา
