URL Relatif CSS: Daripada Lembaran Gaya atau Dokumen HTML?

URL Relatif dalam Fail CSS: Persoalan Kedudukan Relatif

Apabila merujuk aset seperti imej latar belakang dalam fail CSS, URL relatif selalunya bekerja. Walau bagaimanapun, dari mana sebenarnya URL relatif diukur?

Pertimbangkan kod CSS berikut:

div#header { 
    background-image: url('images/header-background.jpg');
}

Jika helaian gaya ini disertakan dalam pelbagai dokumen melalui , adakah relatif URL dalam fail CSS dinilai relatif kepada:

• Dokumen lembaran gaya di /stylesheets/?
• Dokumen semasa di mana helaian gaya disertakan?

Jawapan:

Menurut W3C, "URL Separa ditafsirkan secara relatif kepada sumber helaian gaya, bukan relatif kepada dokumen."

Oleh itu, dalam kes ini, URL relatif dalam fail CSS akan ditafsirkan secara relatif kepada dokumen lembaran gaya di /stylesheets/.

Ini masuk akal kerana fail CSS boleh digunakan dalam berbilang halaman merentas direktori yang berbeza. Penyeragaman titik permulaan URL relatif kepada fail CSS memastikan bahawa URL akan berfungsi dengan betul tanpa mengira lokasi halaman.

Atas ialah kandungan terperinci URL Relatif CSS: Daripada Lembaran Gaya atau Dokumen HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!