Penjelasan mendetail tentang bagaimana HTML menggunakan jalur relatif untuk mendapatkan file di direktori di semua tingkatan

Penulis：Eve Cole Waktu Pembaruan：2025-01-18 20:36:01

Konsep jalur relatif

Gunakan lokasi file saat ini sebagai titik referensi untuk menentukan jalur file target.

Konsep jalur absolut

Jalur lengkap seluruh file, seperti X:/www/web/index.html, atau http://waldo.com.cn/index.html. Kedua hal ini adalah jalan yang mutlak.

Penjelasan mendetail tentang berbagai cara menggunakan jalur relatif

Asumsikan saat ini ada halaman yang ingin ditautkan ke halaman bernama test.html. Berikut ini ekspresi beberapa jalur relatif.

Contoh jalur relatif	Arti dari jalan
href=uji.html	Menunjukkan bahwa halaman ini berada di direktori tempat halaman saat ini berada
href=./test.html	Menunjukkan bahwa halaman ini berada di direktori tempat halaman saat ini berada. Satu titik memiliki arti yang sama dengan nama file langsung di atas.
href=/test.html	Menunjukkan bahwa halaman ini berada di direktori root situs web
href=../test.html	Menunjukkan bahwa halaman ini berada pada direktori di atas halaman saat ini
href=../../test.html	Menunjukkan bahwa halaman ini berada di bawah direktori satu tingkat di atas halaman saat ini (yaitu, dua direktori di atas). Setiap kali direktori induk bertambah, tambahkan ../.
href=../test.html	Menunjukkan bahwa halaman ini berada di subdirektori web dari direktori di atas halaman saat ini.

Akses file di direktori root situs web menggunakan jalur relatif

Garis miring tunggal / mewakili direktori root. Anda dapat menggunakan / garis miring tunggal untuk mengakses direktori root secara langsung di tingkat mana pun.

Asumsikan banyak tempat di halaman web yang ditautkan ke halaman about.html di folder web di direktori root situs web, maka kode html harus ditulis seperti ini <a href='/about.html'>link to </a>.

Jalur relatif mengakses file di direktori induk halaman saat ini

../ mewakili direktori tingkat atas dari file saat ini, dengan asumsi bahwa jalur halaman saat ini adalah Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm. Halaman tersebut perlu ditautkan ke file X:www/web/StaticPageFiles/SiteMapFiles/Tag3/tag_3_1.htm. Maka alamat tautan di laman saat ini seharusnya <a href='../Tag3/tag_3_1.htm'>.NET标签</a> .

PS: Karena direktori saat ini adalah Tag11, dan direktori tempat file target yang akan ditautkan ke halaman berada adalah Tag3, yang termasuk dalam direktori induk yang sama SiteMapFiles dengan direktori saat ini, jadi Anda perlu menggunakan ../ untuk menautkan ke direktori induk terlebih dahulu, lalu tautkan ke direktori induk dan file.

Jalur relatif mengakses file di direktori induk multi-level pada halaman saat ini

Karena ../ mewakili direktori tingkat atas dari file saat ini, maka ../../ mewakili direktori tingkat atas dari file saat ini. Cukup timpang ../ sesuai dengan jumlah level induk yang akan diperoleh.

Jalur relatif mengakses file di direktori bawahan tempat file halaman saat ini berada.

Cukup gunakan nama direktori saat ini/nama direktori bawahan/nama file target. Asumsikan direktori tempat file saat ini berada adalah shiyousan.com/StaticPageFiles/SiteMapFiles/ . Untuk menautkan ke file di bawah Tag3 di direktori saat ini, alamat tautan dapat ditulis seperti ini: <a href='SiteMapFiles/Tag3/tag_3_1.htm'>链接</a> , atau bisa juga menggunakan ./, ./ ditulis seperti ini: <a href='./SiteMapFiles/Tag3/tag_3_1.htm'>链接</a>。

Meringkaskan

.--------Satu titik atau nama direktori langsung menunjukkan direktori saat ini.

.. --------Titik ganda mewakili direktori tingkat atas dari file saat ini

/--------Satu garis miring menunjukkan direktori akar situs web saat ini

Di atas adalah penjelasan rinci tentang bagaimana HTML menggunakan jalur relatif untuk mendapatkan file di direktori di semua tingkatan yang diperkenalkan oleh editor kepada Anda tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!