คู่มือสำหรับผู้เริ่มต้นใช้งานเพื่อเพิ่มลิงค์ภายในใน HTML

ใช้แท็กแอตทริบิวต์รหัสเพื่อสร้างหน้าบุ๊กมาร์ก

เมื่อคุณกำลังทำงานกับเอกสาร HTML และต้องการให้ผู้ใช้สามารถคลิกที่หัวข้อและจะถูกส่งไปยังตำแหน่งที่บุ๊กมาร์กไว้ภายในเอกสารได้ง่ายแท็กแอตทริบิวต์ ID จะมีประโยชน์ ซึ่งมักเกิดขึ้นเมื่อคุณแสดงรายการหัวข้อต่างๆที่ด้านบนของบทความจากนั้นเชื่อมโยงแต่ละหัวข้อกับส่วนที่เกี่ยวข้องซึ่งต่อลงมาบนหน้าเว็บ

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

หมายเหตุ: HTML 4 และเวอร์ชันก่อนหน้าใช้แอ็ตทริบิวต์ชื่อเพื่อสร้างลิงก์ภายใน HTML 5 ไม่สนับสนุนแอตทริบิวต์ name ดังนั้น แอตทริบิวต์ ID จะถูกใช้แทน

ในเอกสารให้ตัดสินใจว่าคุณต้องการให้ลิงก์ภายในเชื่อมโยงไปที่ใด คุณกำหนดป้ายกำกับเหล่านี้โดยใช้แท็ก anchor ที่มี แอตทริบิวต์ id ตัวอย่างเช่น:

ข้อความ Anchor

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

ลิงก์ Anchor

เคล็ดลับคือเพื่อให้แน่ใจว่าคุณใส่ รอบข้อความหรือรูปภาพ

ที่นี่

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

ลิงค์เพื่อกลับสู่ด้านบนของเว็บเพจ

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

ข้อความลิงก์