Bagaimana untuk Menentukan Laluan Relatif dengan betul untuk Fail CSS dalam Aplikasi Web?

Cara Menentukan Laluan Relatif ke Fail CSS

Apabila mengimport fail CSS ke dalam aplikasi web, adalah penting untuk menentukan yang betul laluan relatif. Dalam kes anda, halaman HTML terletak di localhost:8080/ServletApp/index.html, menunjukkan bahawa akar projek anda ialah "/ServletApp".

Laluan Mutlak lwn Relatif

• Mutlak: Menggunakan garis miring (/) untuk menunjukkan punca nama hos (cth., "/css/styles.css")
• Relatif: Tidak menggunakan garis miring utama, dengan mengandaikan fail berada dalam direktori yang sama dengan Halaman HTML (cth., "css/styles.css")

Anda Senario Khusus

Berdasarkan struktur projek anda dan URL yang diingini, anda mempunyai dua pilihan untuk pernyataan import CSS:

• Pilihan 1 (Laluan Mutlak):

<link rel="stylesheet" type="text/css" href="/ServletApp/css/styles.css">

Kaedah ini lebih konkrit dan memastikan fail dirujuk dengan betul tanpa mengira lokasi fail anda yang lain. Walau bagaimanapun, jika anda pernah merancang untuk mengalih keluar bahagian "/ServletApp" pada URL, anda perlu mengemas kini import CSS.

• Pilihan 2 (Laluan Relatif):

<link rel="stylesheet" type="text/css" href="css/styles.css">

Pilihan ini menganggap bahawa fail CSS sentiasa terletak dalam direktori yang sama dengan halaman HTML. Ini adalah pendekatan yang lebih pendek dan bersih, tetapi ia memerlukan anda menyimpan fail di lokasi khusus ini. Selain itu, jika anda memutuskan untuk mengalih keluar bahagian "/ServletApp" pada URL, penyata import ini masih akan berfungsi seperti yang dimaksudkan.

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Laluan Relatif dengan betul untuk Fail CSS dalam Aplikasi Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!