ทำความเข้าใจเกี่ยวกับความแตกต่างระหว่างเส้นทาง URL แอบโซลูทและสัมพัทธ์
ไม่มีแง่มุมของการออกแบบเว็บมากขึ้น "เว็บเป็นศูนย์กลาง" มากกว่าการเชื่อมโยงหลายมิติ (เรียกทั่วไปว่า "ลิงก์") ความสามารถในการสร้างลิงก์บนหน้าเว็บและช่วยให้ผู้อ่านสามารถเข้าถึงเนื้อหาอื่น ๆ ได้อย่างง่ายดายถือเป็นลักษณะการกำหนดลักษณะที่กำหนดให้เว็บไซต์ต่างจากสื่อการสื่อสารอื่น ๆ เช่นสื่อสิ่งพิมพ์หรือสื่อออกอากาศ
ลิงก์เหล่านี้สามารถเพิ่มไปยังหน้าเว็บได้ง่ายและสามารถเข้าถึงหน้าเว็บอื่น ๆ ได้ทั้งบนไซต์หรือที่อื่น ๆ บนเว็บ นอกจากนี้คุณยังสามารถเชื่อมโยงไปยังแหล่งข้อมูลอื่น ๆ ได้เช่นภาพวิดีโอหรือเอกสาร ยังคงเป็นเรื่องง่ายเหมือนกับการเชื่อมโยงที่จะเพิ่มพวกเขายังเป็นหนึ่งในรายการที่นักออกแบบเว็บจำนวนมากพยายามที่จะเข้าใจในตอนแรกโดยเฉพาะอย่างยิ่งในแง่ของแนวคิดของเส้นทางไฟล์และสิ่งที่แน่นอนเมื่อเทียบกับเส้นทางสัมพัทธ์เช่นเดียวกับ เมื่อใช้แทนคนอื่น
ในแต่ละกรณีลิงก์ที่อธิบายไว้ข้างต้นคุณต้องพิจารณาว่าคุณจะเชื่อมต่อกับหน้าเว็บหรือแหล่งข้อมูลต่างๆเหล่านั้นจากไซต์ของคุณอย่างไร โดยเฉพาะคุณต้องตัดสินใจว่าจะใช้เส้นทาง URL ที่คุณจะเขียน ในการออกแบบเว็บมีสองวิธีมาตรฐานในการสร้างลิงก์และสองเส้นทางที่คุณสามารถใช้:
- เส้นทางที่แน่นอน
- เส้นทางสัมพัทธ์
URL เส้นทางสัมบูรณ์
เส้นทางสัมบูรณ์ใช้ URL ที่อ้างถึงตำแหน่งที่เฉพาะเจาะจงมากบนอินเทอร์เน็ต เส้นทางเหล่านี้จะมีชื่อโดเมนเป็นส่วนหนึ่งของเส้นทางการเชื่อมโยงด้วยตัวเอง ตัวอย่างของเส้นทางสัมบูรณ์ไปยังเว็บเพจนี้คือ:
https: // www / เว็บวิชาการพิมพ์ 101-3470009
โดยปกติแล้วคุณจะเป็นเส้นทางที่สมบูรณ์เมื่อคุณต้องการชี้ไปยังองค์ประกอบของเว็บที่อยู่ในโดเมนอื่นนอกเหนือจากของคุณเอง ตัวอย่างเช่นถ้าฉันต้องการเชื่อมโยงไปยังหน้าเว็บในเว็บไซต์อื่นที่นี่ฉันจะต้องใส่ URL แบบเต็มสำหรับลิงก์นั้นตั้งแต่ฉันออกจากโดเมนหนึ่ง (webdesign) ไปที่อื่น ลิงก์นั้นจะเพิ่มองค์ประกอบภายในหน้าโดยใช้ URL ที่ใช้เป็นค่าแอตทริบิวต์ "href" สำหรับลิงก์นั้น
ดังนั้นหากคุณเชื่อมโยงกับสิ่งที่อยู่นอกไซต์ด้วยตัวคุณเองคุณจะต้องใช้เส้นทางแบบสัมบูรณ์ แต่หน้าเว็บหรือทรัพยากรในโดเมนของคุณเป็นอย่างไร คุณสามารถใช้เส้นทางสัมบูรณ์ได้แม้ว่าคุณจะเชื่อมโยงไปยังหน้าเว็บบนไซต์ของคุณเอง แต่ก็ไม่จำเป็นและขึ้นอยู่กับสภาพแวดล้อมการพัฒนาของคุณเส้นทางที่แท้จริงอาจทำให้เกิดปัญหาได้
ตัวอย่างเช่นถ้าคุณมีสภาวะแวดล้อมการพัฒนาที่คุณใช้ในระหว่างการสร้างเว็บไซต์และคุณกำหนด URL ทั้งหมดให้ URL อย่างถูกต้องพวกเขาจะต้องมีการเปลี่ยนแปลงทั้งหมดเมื่อไซต์ออนไลน์ เพื่อหลีกเลี่ยงปัญหานี้เส้นทางของไฟล์สำหรับรีซอร์สภายในเครื่องควรใช้เส้นทางสัมพัทธ์
URL เส้นทางสัมพัทธ์
เส้นทางสัมพัทธ์มีการเปลี่ยนแปลงขึ้นอยู่กับหน้าเว็บที่เชื่อมโยงอยู่ - มีความสัมพันธ์กับหน้าเว็บว่าเป็นหนึ่ง (เพราะฉะนั้นชื่อ) หากคุณกำลังเชื่อมโยงไปยังหน้าเว็บในไซต์ของคุณเองหรือรูปภาพภายในไดเรกทอรี "รูปภาพ" ในไซต์นั้นเส้นทางสัมพัทธ์เป็นสิ่งที่คุณน่าจะใช้ เส้นทางสัมพัทธ์ไม่ใช้ URL แบบเต็มของหน้าเว็บซึ่งแตกต่างจากเส้นทางสัมบูรณ์ที่เราเพิ่งดู
มีกฎหลายข้อในการสร้างลิงก์โดยใช้เส้นทางสัมพัทธ์:
- ลิงก์ในไดเร็กทอรีเดียวกันกับหน้าปัจจุบันไม่มีข้อมูลเส้นทางที่ระบุ ชื่อไฟล์
- ไดเรกทอรีย่อยแสดงโดยไม่มีเครื่องหมายทับ สัปดาห์หรือชื่อไฟล์ ใด ๆ
- ลิ้งค์หนึ่งไดเรกทอรีจะแสดงเป็น ../filename
วิธีการกำหนดเส้นทางญาติ:
- ขั้นแรกกำหนด URL ของหน้าที่คุณกำลังแก้ไข ในกรณีของบทความตัวอย่างที่แสดงไว้ข้างต้นจะเป็น https://www.google.com/support / เว็บวิชาการพิมพ์ 101-3470009
- จากนั้นให้ดูเส้นทางไดเรกทอรีสำหรับเพจ สำหรับบทความนั้นนั่นคือ / web-typography-101-3470009
คุณจะเห็นที่นี่ว่าเราเขียนเส้นทางญาติโดยเริ่มต้นเส้นทางที่มีเครื่องหมายทับ (/) อักขระดังกล่าวบอกเบราว์เซอร์ให้ไปที่รากของไดเร็กทอรีปัจจุบัน จากที่นั่นคุณสามารถเพิ่มโฟลเดอร์หรือชื่อไฟล์ที่คุณต้องการสำหรับทรัพยากรเฉพาะของคุณการเจาะลงไปที่โฟลเดอร์และเอกสารเพื่อให้ได้ทรัพยากรที่คุณต้องการเชื่อมโยงกัน
ดังนั้นในการสรุป - ถ้าคุณเชื่อมโยง "ปิดเว็บไซต์" คุณจะใช้เส้นทางที่สมบูรณ์ซึ่งรวมถึงเส้นทางแบบเต็มไปยังสิ่งที่คุณต้องการเชื่อมต่อ หากคุณเชื่อมโยงกับไฟล์ในโดเมนที่เพจที่คุณกำลังเขียนโค้ดอยู่คุณสามารถใช้เส้นทางสัมพัทธ์ที่นำทางจากหน้าเว็บที่คุณใช้งานโดยผ่านโครงสร้างไฟล์ของไซต์และสุดท้ายไปยังทรัพยากรที่คุณต้องการ .