En HTML, différents éléments HTML ont des attributs qui pointent vers d'autres ressources. La valeur de ces propriétés est une URL, qui peut être absolue ou relative.
Les URL relatives ne contiennent pas l'URL complète. Avec les URL relatives, nous commençons automatiquement à l'adresse où se trouve actuellement le navigateur, puis ajoutons les composants de chemin et l'extension. Indiquez explicitement au navigateur d'utiliser le dossier actuel.
Voici la syntaxe pour lier des pages à l'aide d'URL relatives.
<a href="relative URL">Link text…</a>
Ce qui suit est un exemple de programme pour lier des pages à l'aide d'URL relatives.
<!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>
Dans l'exemple ci-dessus, nous avons lié deux pages différentes à l'aide d'URL relatives. Les URL relatives ne contiennent pas l'adresse Web complète. Comme nous pouvons le voir dans l’exemple de programme ci-dessus.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
