บทความนี้ระบุคำแนะนำเกี่ยวกับลิงก์ภายใน:
HTML Internal Link คืออะไร?
ลิงก์ภายใน HTML คือไฮเปอร์ลิงก์ที่สร้างขึ้นเพื่อให้ผู้ใช้สามารถนำทางผ่านส่วนต่างๆ ของเว็บเพจได้ ผู้ใช้โต้ตอบกับลิงก์ภายใน เบราว์เซอร์จะย้ายหน้าจอไปยังส่วนที่ระบุของหน้าเว็บ ช่วยในการนำทางผู้ใช้โดยเฉพาะอย่างยิ่งหากมีเว็บไซต์หรือบล็อกยาวหน้าเดียว
ให้เราอธิบายตัวอย่างง่ายๆ เพื่อความเข้าใจเกี่ยวกับลิงก์ภายใน:
ตัวอย่าง: การใช้ลิงก์ภายในเป็นตัวนำทาง
เพื่อให้เข้าใจการทำงานของลิงก์ภายใน สามารถใช้ปุ่มนำทางได้ ตัวอย่างเช่น มีการสร้างปุ่มนำทางสองปุ่มและเนื้อหาจำลองขึ้นในการสาธิตนี้:
< แผนก >
< ชั่วโมง2 รหัส = 'ส่วนหนึ่ง' > ส่วนที่หนึ่ง < / ชั่วโมง2 >
< หน้า > ยินดีต้อนรับสู่เนื้อหาส่วนแรก < / หน้า >
< ชั่วโมง2 รหัส = 'ภาคสอง' > ส่วนที่สอง < / ชั่วโมง2 >
< หน้า > ยอดเยี่ยม! คุณมาถึงส่วนที่สองของเนื้อหาแล้ว < / หน้า >
< / แผนก >
ในข้อมูลโค้ดด้านบน:
- หนึ่ง สอง “ แท็ก ” ใช้เพื่อสร้างสองหัวเรื่อง/ส่วนของหน้าเว็บ เหล่านี้ ' ชั่วโมง2 ” องค์ประกอบมีค่าของ “ ส่วนที่หนึ่ง ' และ ' ตอนที่สอง ” ที่กำหนดให้กับ “ รหัส ” แอตทริบิวต์ตามลำดับ
- ต่อไป “ ” มีการใช้แท็กที่เก็บเนื้อหาสำหรับแต่ละ “ ” แท็ก
ขณะนี้ปุ่มนำทางใช้กับลิงก์ภายใน ปุ่มเหล่านี้สร้างขึ้นโดยใช้บรรทัดโค้ดต่อไปนี้:
< ยูล >< ที่ >< ก href = “#พาร์ทหนึ่ง” >ส่วนที่หนึ่ง< / ก >< / ที่ >
< ที่ >< ก href = “#พาร์ทสอง” >ส่วนที่สอง< / ก >< / ที่ >
< / ยูล >
ในข้อมูลโค้ดด้านบน:
- ประการแรก “
- ถัดไป สมอ “ แท็ก ” ถูกใช้และให้ข้อมูลจำลองแก่แต่ละ “ <นั่น> ” แท็ก
- หลังจากนั้นตั้งค่าของ “ href ” แอตทริบิวต์ของทั้งสอง “ ” แท็กถึง “ ส่วนที่หนึ่ง ' และ ' ตอนที่สอง รหัส การมอบหมายครั้งนี้ของ “ รหัส ” ค่าสร้างลิงค์ภายใน
หลังจากดำเนินการบล็อกโค้ดด้านบนแล้ว หน้าเว็บจะทำงานดังนี้:
gif ด้านบนแสดงการทำงานของลิงก์ภายในบนหน้าเว็บ
บทสรุป
ลิงก์ภายใน HTML คือไฮเปอร์ลิงก์ที่สร้างขึ้นเพื่อให้ผู้ใช้สามารถนำทางผ่านส่วนต่างๆ ของเว็บเพจได้ หากต้องการสร้างลิงก์ภายใน ให้ส่งรหัสขององค์ประกอบ HTML หลัก และระบุรหัสนี้เป็นค่าสำหรับ ' href ” แอตทริบิวต์โดยสมอ HTML “ ' องค์ประกอบ. นี้ ' ” สามารถใช้องค์ประกอบภายใน navbar หรือที่ใดก็ได้บนหน้าเว็บที่ทำหน้าที่เป็นเนวิเกเตอร์ บทความนี้ได้แสดงตัวอย่างที่ใช้งานได้จริงของลิงก์ภายใน HTML