ใช้ตำแหน่งไฟล์ปัจจุบันเป็นจุดอ้างอิงเพื่อสร้างเส้นทางของไฟล์เป้าหมาย
แนวคิดของเส้นทางที่แน่นอนเส้นทางแบบเต็มของไฟล์ทั้งหมด เช่น X:/www/web/index.html หรือ http://waldo.com.cn/index.html ทั้งสองอย่างนี้เป็นทางแน่นอน
คำอธิบายโดยละเอียดเกี่ยวกับวิธีการต่างๆ ในการใช้เส้นทางสัมพัทธ์สมมติว่าขณะนี้มีเพจที่ต้องการลิงก์ไปยังเพจชื่อ test.html ต่อไปนี้จะแสดงนิพจน์ของเส้นทางสัมพัทธ์หลายรายการ
| ตัวอย่างเส้นทางสัมพัทธ์ | ความหมายของเส้นทาง |
|---|---|
| href=test.html | บ่งชี้ว่าเพจนี้อยู่ในไดเร็กทอรีที่มีเพจปัจจุบันอยู่ |
| href=./test.html | ระบุว่าเพจนี้อยู่ในไดเร็กทอรีซึ่งมีเพจปัจจุบันอยู่ จุดเดียวมีความหมายเหมือนกับชื่อไฟล์โดยตรงด้านบน |
| href=/test.html | ระบุว่าหน้านี้อยู่ในไดเร็กทอรีรากของเว็บไซต์ |
| href=../test.html | ระบุว่าเพจนี้อยู่ในไดเร็กทอรีเหนือเพจปัจจุบัน |
| href=../../test.html | ระบุว่าหน้านี้อยู่ภายใต้ไดเรกทอรีหนึ่งระดับเหนือหน้าปัจจุบัน (เช่น สองไดเรกทอรีด้านบน) ในแต่ละครั้งที่ไดเรกทอรีหลักเพิ่มขึ้น ให้เพิ่ม ../ |
| href=../test.html | ระบุว่าเพจนี้อยู่ในไดเร็กทอรีย่อยของเว็บของไดเร็กทอรีเหนือเพจปัจจุบัน |
เครื่องหมายทับเดี่ยว / แสดงถึงไดเรกทอรีราก คุณสามารถใช้เครื่องหมายทับ / เดี่ยวเพื่อเข้าถึงไดเรกทอรีรากได้โดยตรงในทุกระดับ
สมมติว่าหลายที่ในหน้าเว็บเชื่อมโยงกับหน้า about.html ในโฟลเดอร์เว็บในไดเร็กทอรีรากของเว็บไซต์ ดังนั้นโค้ด html ควรเขียนในลักษณะนี้ <a href='/about.html'>ลิงก์ไปยัง </a>.
เส้นทางสัมพัทธ์เข้าถึงไฟล์ในไดเร็กทอรีพาเรนต์ของเพจปัจจุบัน ../ แสดงถึงไดเรกทอรีระดับบนของไฟล์ปัจจุบัน โดยถือว่าเส้นทางหน้าปัจจุบันคือ Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm หน้านี้จำเป็นต้องลิงก์ไปยังไฟล์ X:www/web/StaticPageFiles/SiteMapFiles/Tag3/tag_3_1.htm ที่อยู่ลิงก์ในหน้าปัจจุบันควรเป็น <a href='../Tag3/tag_3_1.htm'>.NET标签</a>
PS: เนื่องจากไดเร็กทอรีปัจจุบันคือ Tag11 และไดเร็กทอรีที่ไฟล์เป้าหมายที่จะลิงก์ไปยังเพจนั้นอยู่ที่ Tag3 ซึ่งเป็นของไดเร็กทอรีหลัก SiteMapFiles เดียวกันกับไดเร็กทอรีปัจจุบัน ดังนั้นคุณจึงจำเป็นต้องใช้ ../ เพื่อลิงก์ ไปยังไดเร็กทอรีหลักก่อน จากนั้นจึงลิงก์ไปยังไดเร็กทอรีหลักและไฟล์ต่างๆ
เส้นทางสัมพัทธ์เข้าถึงไฟล์ในไดเร็กทอรีพาเรนต์หลายระดับของเพจปัจจุบันเนื่องจาก ../ แสดงถึงไดเร็กทอรีระดับบนของไฟล์ปัจจุบัน ดังนั้น ../../ แสดงถึงไดเร็กทอรีระดับบนของไฟล์ปัจจุบัน เพียงวาง ../ ตามจำนวนระดับพาเรนต์ที่จะได้รับ
เส้นทางสัมพัทธ์เข้าถึงไฟล์ในไดเร็กทอรีรองซึ่งมีไฟล์เพจปัจจุบันอยู่ เพียงใช้ชื่อไดเร็กทอรีปัจจุบัน/ชื่อไดเร็กทอรีรอง/ชื่อไฟล์เป้าหมาย สมมติว่าไดเร็กทอรีซึ่งเป็นที่ตั้งของไฟล์ปัจจุบันคือ shiyousan.com/StaticPageFiles/SiteMapFiles/ หากต้องการลิงก์ไปยังไฟล์ภายใต้ Tag3 ในไดเร็กทอรีปัจจุบัน ที่อยู่ลิงก์สามารถเขียนได้ดังนี้: <a href='SiteMapFiles/Tag3/tag_3_1.htm'>链接</a> หรือคุณสามารถใช้ ./, ./ เขียนดังนี้: <a href='./SiteMapFiles/Tag3/tag_3_1.htm'>链接</a>。
.-------ชื่อจุดเดียวหรือชื่อไดเร็กทอรีโดยตรงบ่งชี้ถึงไดเร็กทอรีปัจจุบัน
.. -------- จุดคู่แสดงถึงไดเร็กทอรีระดับบนของไฟล์ปัจจุบัน
//-------- เครื่องหมายทับเดี่ยวระบุถึงไดเร็กทอรีรากของเว็บไซต์ปัจจุบัน
ข้างต้นเป็นคำอธิบายโดยละเอียดว่า HTML ใช้พาธสัมพัทธ์เพื่อรับไฟล์ในไดเร็กทอรีทุกระดับที่โปรแกรมแก้ไขแนะนำไว้อย่างไร ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วโปรแกรมแก้ไขจะตอบกลับ ถึงคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!