การวิเคราะห์ความแตกต่างระหว่างเส้นทางสัมพัทธ์และเส้นทางสัมบูรณ์ใน HTML

ผู้เริ่มต้น HTML มักจะพบปัญหาดังกล่าววิธีการอ้างอิงไฟล์อย่างถูกต้อง ตัวอย่างเช่นวิธีอ้างหน้า HTML อื่นเป็นไฮเปอร์ลิงก์ในหน้า HTML หนึ่งหน้า? วิธีแทรกภาพลงในหน้าเว็บ

หากคุณใช้เส้นทางไฟล์ที่ไม่ถูกต้องเมื่ออ้างถึงไฟล์ (เช่นการเพิ่มไฮเปอร์ลิงก์หรือแทรกภาพ ฯลฯ ) การอ้างอิงจะไม่ถูกต้อง (ไม่สามารถเรียกดูไฟล์ที่เชื่อมโยงหรือไม่สามารถแสดงภาพที่แทรก ฯลฯ )

เพื่อหลีกเลี่ยงข้อผิดพลาดเหล่านี้และการอ้างอิงไฟล์อย่างถูกต้องเราจำเป็นต้องเรียนรู้เกี่ยวกับเส้นทาง HTML

มีสองวิธีในการเขียน HTML: เส้นทางสัมพัทธ์และเส้นทางสัมบูรณ์

เส้นทางสัมพัทธ์ HTML

ไฟล์อ้างอิงไปยังไดเรกทอรีเดียวกัน

หากไฟล์ต้นฉบับและไฟล์อ้างอิงอยู่ในไดเรกทอรีเดียวกันเพียงเขียนชื่อไฟล์อ้างอิงโดยตรง

ตอนนี้เราสร้างไฟล์ต้นฉบับ info.html และ info.html คุณต้องอ้างอิงไฟล์ index.html เป็นไฮเปอร์ลิงก์

สมมติว่าพา ธ info.html คือ: c: /inetpub/wwwroot/sites/blabla/info.html

สมมติว่า path index.html คือ: c: /inetpub/wwwroot/sites/blabla/index.html

รหัสเพื่อเพิ่ม index.html ไฮเปอร์ลิงก์ไปยัง info.html ควรเขียนเช่นนี้:

<a href = index.html> index.html </a>

วิธีแสดงไดเรกทอรีก่อนหน้า

../ หมายถึงไดเรกทอรีก่อนหน้าของไดเรกทอรีที่อยู่ในตำแหน่งที่อยู่, ../../ แสดงถึงไดเรกทอรีก่อนหน้าซึ่งไฟล์ต้นฉบับอยู่และอื่น ๆ

สมมติว่าพา ธ info.html คือ: c: /inetpub/wwwroot/sites/blabla/info.html

สมมติว่า path index.html คือ: c: /inetpub/wwwroot/sites/index.html

รหัสเพื่อเพิ่ม index.html ไฮเปอร์ลิงก์ไปยัง info.html ควรเขียนเช่นนี้:

<a href = ../index.html> index.html </a>

สมมติว่าพา ธ info.html คือ: c: /inetpub/wwwroot/sites/blabla/info.html

สมมติว่า path index.html คือ: c: /inetpub/wwwroot/index.html

รหัสเพื่อเพิ่ม index.html ไฮเปอร์ลิงก์ไปยัง info.html ควรเขียนเช่นนี้:

<a href = ../../index.html> index.html </a>

สมมติว่าพา ธ info.html คือ: c: /inetpub/wwwroot/sites/blabla/info.html

สมมติว่า path index.html คือ: c: /inetpub/wwwroot/sites/wowstory/index.html

รหัสเพื่อเพิ่ม index.html ไฮเปอร์ลิงก์ไปยัง info.html ควรเขียนเช่นนี้:

<a href = ../wowstory/index.html> index.html </a>

วิธีแสดงไดเรกทอรีต่อไปนี้

อ้างถึงไฟล์ในไดเรกทอรีที่ต่ำกว่าและเขียนพา ธ ไปยังไฟล์ในไดเรกทอรีที่ต่ำกว่าโดยตรง

สมมติว่าพา ธ info.html คือ: c: /inetpub/wwwroot/sites/blabla/info.html

สมมติว่า path index.html คือ: c: /inetpub/wwwroot/sites/blabla/html/index.html

รหัสเพื่อเพิ่ม index.html ไฮเปอร์ลิงก์ไปยัง info.html ควรเขียนเช่นนี้:

<a href = html/index.html> index.html </a>

สมมติว่าพา ธ info.html คือ: c: /inetpub/wwwroot/sites/blabla/info.html

สมมติว่า path index.html คือ: c: /inetpub/wwwroot/sites/blabla/html/tutorials/index.html

รหัสเพื่อเพิ่ม index.html ไฮเปอร์ลิงก์ไปยัง info.html ควรเขียนเช่นนี้:

<a href = html/tutorials/index.html> index.html </a>

HTML เส้นทางสัมบูรณ์

เส้นทาง Absolute HTML หมายถึงเส้นทางที่สมบูรณ์ของไฟล์ที่มีชื่อโดเมน

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

สมมติว่าคุณใส่ไฟล์ index.html ในไดเรกทอรีรูทของ www เส้นทางสัมบูรณ์ไปยังไฟล์นี้คือ: https://www.vevb.com/index.html

สมมติว่าคุณสร้างไดเรกทอรีที่เรียกว่า html_tutorials ในไดเรกทอรีรูทของ www จากนั้นวางไฟล์ index.html ในไดเรกทอรีนั้นและเส้นทางสัมบูรณ์ไปยังไฟล์นี้คือ https://www.vevb.com/html_tutorials/index.html