Dalam HTML, elemen HTML yang berbeza mempunyai atribut yang menunjuk kepada sumber lain. Nilai sifat ini ialah URL, yang boleh menjadi mutlak atau relatif.
URL relatif tidak mengandungi URL penuh. Dengan URL relatif, kami bermula secara automatik pada alamat di mana penyemak imbas berada pada masa ini dan kemudian menambah komponen laluan dan sambungan. Beritahu penyemak imbas secara eksplisit untuk menggunakan folder semasa.
Berikut ialah sintaks untuk memautkan halaman menggunakan URL relatif.
<a href="relative URL">Link text…</a>
Berikut ialah contoh program untuk memautkan halaman menggunakan URL relatif.
<!DOCTYPE html>
<html>
<body>
<h2>Relative link</h2>
<h3>Sign In Page</h3>
<form>
<label for="fname">Email Address</label><br>
<input type="text" id="fname" name="fname" ><br>
<label for="lname">Password</label><br>
<input type="text" id="lname" name="lname" ><br><br>
<input type="submit" value="Login"> <a href="Untitled-2.html">Sign Up</a>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h2>Relative link</h2>
<h3>Sign Up Page</h3>
<form>
<label for="fname">Name</label><br>
<input type="text" id="fname" name="fname" ><br>
<label for="email">Email</label><br>
<input type="text" id="email" name="email" ><br>
<label for="fname">Password</label><br>
<input type="text" id="fname" name="fname" ><br>
<label for="lname"> Re-enter Password</label><br>
<input type="text" id="lname" name="lname" ><br><br>
<input type="submit" value="Submit"> <a href="Untitled-1.html">Login</a>
</form>
</body>
</html>
Dalam contoh di atas, kami memautkan dua halaman berbeza menggunakan URL relatif. URL relatif tidak mengandungi alamat web penuh. Seperti yang dapat kita lihat dalam contoh program di atas.
Atas ialah kandungan terperinci Bagaimana untuk memautkan halaman dalam HTML menggunakan URL relatif?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
