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:

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:


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

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
Anggapkan laluan info.HTML ialah: d:tomcatwebappshelloblablainfo.HTML



Salin kodnya