Pemahaman mendalam tentang laluan relatif HTML (Laluan Relatif) dan laluan mutlak (Laluan Mutlak)_HTML/Xhtml_Penghasilan halaman web

Saya telah terlibat dalam pembangunan web Java selama lebih daripada satu tahun Ia tidak dapat dielakkan untuk menulis halaman HTML atau JSP Kuasa aplikasi web terletak pada hiperpautannya (Hyper Links). ke halaman b (Iaitu, URI), tetapi masalahnya terletak tepat di sini, cara merujuk fail dengan betul. Sebagai contoh, bagaimana untuk merujuk halaman web HTML lain sebagai hiperpautan dalam halaman web HTML? Bagaimana untuk memasukkan imej ke dalam halaman web? ...
Selain itu, laluan relatif juga sangat popular dalam tupang, dan mudah dikelirukan jika anda tidak berhati-hati.

Jika anda menggunakan laluan fail yang salah semasa merujuk fail (seperti menambah hiperpautan, atau memasukkan gambar, dsb.), rujukan akan menjadi tidak sah (fail yang dipautkan tidak boleh dilayari atau gambar yang dimasukkan tidak boleh dipaparkan, dsb.).

Untuk mengelakkan ralat ini, sebutkan dokumen dengan betul dan tuliskan perbezaan dan penggunaannya supaya anda boleh menyemaknya pada masa hadapan.

HTML mempunyai dua cara menulis laluan: laluan relatif dan laluan mutlak

laluan relatif HTML (laluan relatif)
Rujukan fail dalam direktori yang sama
Jika fail sumber dan fail rujukan berada dalam direktori yang sama, hanya tulis nama fail rujukan terus.

Kami kini mencipta maklumat fail sumber.HTML dan merujuk fail index.HTML sebagai hiperpautan dalam info.HTML.

Anggap laluan info.HTML ialah: d:tomcatwebappshelloblablainfo.HTML
Anggapkan laluan index.HTML ialah: d:tomcatwebappshelloblablaindex.HTML
Kod untuk menambah hiperpautan index.HTML pada maklumat. HTML sepatutnya kelihatan seperti ini Tulis:

Salin kod

Kodnya adalah seperti berikut:

index.HTML

Cara untuk mewakili direktori peringkat atas
../ mewakili direktori peringkat atas direktori tempat fail sumber terletak, .. /../ mewakili direktori peringkat atas direktori tempat fail sumber terletak, dan seterusnya.

Anggap laluan info.HTML ialah: d:tomcatwebappshelloblablainfo.HTML
Anggapkan laluan index.HTML ialah: d:tomcatwebappshelloindex.HTML
Kod untuk menambah hiperpautan index.HTML kepada maklumat. HTML sepatutnya kelihatan seperti ini Tulis:

Salin kod

Kodnya adalah seperti berikut:

index.HTML

Anggapkan laluan info.HTML ialah: d:tomcatwebappshelloblablawowstoryinfo.HTML
Anggapkan Laluan index.HTML ialah: d:tomcatwebappshelloindex HTML
Kod untuk menambah hiperpautan index.HTML pada info.HTML hendaklah ditulis seperti ini:

Salin kod

kod Seperti berikut:

index.HTML . kepada info.HTML hendaklah ditulis seperti ini:

Salin kod

Kodnya adalah seperti berikut: index .HTML

Cara untuk mewakili direktori peringkat bawah

merujuk kepada fail dalam direktori peringkat bawah, cuma tulis laluan fail dalam direktori peringkat bawah secara langsung.

Anggapkan laluan info.HTML ialah: d:tomcatwebappshelloblablainfo.HTML Anggapkan laluan index.HTML ialah: d:tomcatwebappshelloblablaHTMLindex.HTML Kod untuk menambah hiperpautan index.HTML pada maklumat. HTML sepatutnya kelihatan seperti ini Tulis:





Salin kod

Kodnya adalah seperti berikut: index.HTML

Anggapkan laluan info.HTML ialah: d:tomcatwebappshelloblablainfo.HTML

Anggapkan indeks Laluan .HTML ialah: d:tomcatwebappshelloblablaHTMLtutorialsindex.HTML
Kod untuk menambah hiperpautan indeks.HTML ke info.HTML hendaklah ditulis seperti ini:

Salin kodnya

Kodnya adalah seperti berikut : index.HTML 🎜>
Laluan mutlak HTML (laluan mutlak)
Laluan mutlak HTML (laluan mutlak) merujuk kepada laluan penuh fail dengan nama domain.

Andaikan anda mendaftarkan nama domain www.jb51.net dan memohon hos maya Pembekal hos maya akan memberi anda direktori, seperti www ini ialah direktori akar tapak web.

Anggapkan bahawa index.HTML fail diletakkan dalam direktori akar www. Laluan mutlak fail ini ialah: http://www.jb51.net/index.html

Anggap bahawa dalam direktori akar www. Cipta direktori yang dipanggil HTML_tutorials di bawah direktori, dan kemudian letakkan indeks fail.HTML dalam direktori. Laluan mutlak fail ini ialah http://www.jb51.net/article/32759.htm.