Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah tetapan laluan fail HTML biasa

Kaedah tetapan laluan fail HTML biasa

PHPz
PHPzasal
2023-04-21 14:22:102110semak imbas

Gunakan laluan dalam HTML untuk memaut ke halaman lain, menyisipkan gambar, membenamkan helaian gaya, dsb. Tetapan laluan adalah berbeza antara fail yang berbeza Berikut ialah cara biasa untuk menetapkan laluan fail HTML.

  1. Laluan relatif

Laluan relatif ialah laluan relatif kepada direktori tempat fail semasa berada. Laluan relatif boleh memudahkan kod dan memudahkan pengurusan fail. Berikut ialah beberapa cara biasa untuk menetapkan laluan relatif.

1.1. Pautan ke halaman lain

Untuk memaut ke fail HTML lain dalam direktori yang sama, anda boleh terus menulis nama fail.

<a href="page2.html">Page 2</a>

Untuk memaut ke fail HTML dalam direktori induk (peringkat atas), anda boleh menambah dua titik ".." sebelum nama fail.

<a href="../page1.html">Page 1</a>

Nota: ".." mewakili direktori peringkat atas Berbilang titik boleh digunakan untuk mewakili direktori berbilang peringkat Contohnya, "../../" mewakili dua peringkat direktori di atas.

1.2. Masukkan gambar

Untuk memasukkan gambar dalam direktori yang sama, anda boleh terus menulis nama gambar.

<img src="image.jpg" alt="My Image">

Untuk memasukkan gambar dalam direktori induk, anda boleh menambah dua titik ".." sebelum nama gambar.

<img src="../image.jpg" alt="My Image">

1.3. Benamkan helaian gaya

Untuk membenamkan helaian gaya dalam direktori yang sama, cuma tulis nama fail helaian gaya terus dalam fail HTML.

<link rel="stylesheet" href="style.css">

Untuk membenamkan helaian gaya dalam direktori induk, anda boleh menambah dua titik ".." sebelum nama fail helaian gaya.

<link rel="stylesheet" href="../style.css">
  1. Laluan mutlak

Laluan mutlak ialah laluan penuh bermula dari nama domain dan boleh digunakan dalam mana-mana fail. Berikut ialah beberapa cara biasa untuk menetapkan laluan mutlak.

2.1. Pautan ke halaman lain

Untuk memaut ke fail HTML lain di bawah nama domain yang sama, anda boleh terus menulis URL penuh pautan.

<a href="http://www.example.com/page2.html">Page 2</a>

2.2. Masukkan gambar

Untuk memasukkan gambar di bawah nama domain yang sama, anda boleh terus menulis URL penuh gambar tersebut.

<img src="http://www.example.com/image.jpg" alt="My Image">

2.3. Benamkan helaian gaya

Untuk membenamkan helaian gaya di bawah nama domain yang sama, tulis URL penuh fail helaian gaya terus dalam fail HTML.

<link rel="stylesheet" href="http://www.example.com/style.css">

Nota: Menggunakan laluan mutlak akan menjadikan kod bertele-tele dan meningkatkan masa memuatkan halaman web, jadi tidak disyorkan untuk menggunakannya terlalu banyak.

Ringkasan

Di atas ialah cara biasa untuk menetapkan laluan HTML. Laluan relatif menentukan laluan untuk memaut, memasukkan gambar dan membenamkan helaian gaya berdasarkan lokasi fail semasa, manakala laluan mutlak ialah laluan lengkap bermula dari nama domain. Memilih kaedah laluan yang sesuai berdasarkan lokasi dan keperluan fail tertentu boleh memudahkan kod, memudahkan pengurusan fail dan meningkatkan kelajuan pemuatan halaman web.

Atas ialah kandungan terperinci Kaedah tetapan laluan fail HTML biasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn