HTML Fundamentals - ลิงก์และจุดยึด

• อาจ 5, 2024

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

ในระดับพื้นฐานที่สุดแท็กลิงค์จะมีลักษณะดังนี้:



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

เชื่อมโยงข้อความที่นี่

ข้อมูลภายในแท็กบอกเบราว์เซอร์ของคุณว่านี่เป็นการเชื่อมโยงหลายมิติ (href) ที่เชื่อมต่อกับหน้าเว็บ 'page.html' ข้อความในแท็ก (ลิงค์ข้อความที่นี่) เป็นส่วนหนึ่งของลิงค์ที่ผู้เข้าชมเห็นจริงและสามารถคลิกเพื่อข้ามไปที่ page.html หากคุณกำลังเชื่อมโยงไปยังหน้าในเว็บไซต์ของคุณจากหน้าเว็บที่อยู่ในเว็บไซต์เดียวกันคุณสามารถละทิ้งข้อมูลโดเมน ตัวอย่างเช่นหากคุณกำลังสร้างลิงค์บนหน้าของคุณที่ www.domain.com/home.html และลิงค์ที่เชื่อมต่อกับหน้าปลายทาง www.domain.com/page.html คุณสามารถเขียนลิงค์เป็นและข้าม ข้อมูลชื่อโดเมน หากคุณไม่ใช้ชื่อโดเมนเบราว์เซอร์จะถือว่าหน้าปลายทางตั้งอยู่บนเว็บไซต์เดียวกับหน้าเชื่อมโยง

สมอชื่อ (มักเรียกว่า 'สมอ') มีจุดประสงค์ที่แตกต่างกัน ตามที่คุณอาจเดาได้จากชื่อสมอจะสร้างธงที่มองไม่เห็นบนหน้าเว็บที่บอกเบราว์เซอร์ของคุณว่าจะลงจอดที่ไหนเมื่อคุณตั้งค่าลิงก์ที่จะลดผู้เยี่ยมชม ณ จุดหนึ่งบนหน้าเว็บ สมอมีลักษณะดังนี้:



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

ไปที่ส่วนโพสต์

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

ไปที่ส่วนโพสต์

อีกส่วนที่สำคัญของไฮเปอร์ลิงก์ของคุณคือแอตทริบิวต์ 'เป้าหมาย' สิ่งนี้จะบอกเบราว์เซอร์ถึงวิธีการแสดงหน้าปลายทาง คุณมีสามตัวเลือกหลัก: 'target = "_ blank",' 'target = "_ self",' และ 'target = "_ top"

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

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

โดยทั่วไปแล้วอาร์กิวเมนต์ '_top' จะใช้ในเว็บไซต์เฟรมเซตและบอกให้เบราว์เซอร์เขียนทับชุดเฟรมทั้งหมดแทนที่จะโหลดหน้าใหม่ลงในส่วนใดของชุดเฟรมที่มีลิงก์เดิมอยู่