Attribut href de base HTML

Balise HTML <base>

Définition et utilisation

href L'attribut spécifie l'URL de base pour toutes les URL relatives de la page.

Explication

L'élément base peut être utilisé pour définir une URL de base, permettant aux liens relatifs dans le document HTML d'être résolus sur cette base.

Les liens relatifs omettent la partie protocole, hôte et port de l'URL, et doivent être déterminés en fonction d'une autre URL (soit l'URL spécifiée dans base, soit l'URL du document actuel).

href L'attribut spécifie l'URL de base à utiliser pour analyser les URL relatives dans la partie suivante du document.

Exemple

Exemple 1

Définir l'URL de base pour toutes les URL relatives de la page :

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/"></base>
</head>
<body>
<h1>Attribut base href</h1>
<img src="flower.png" width="60" height="60" alt="tulipe">
</body>
</html>

Essayez-le vous-même

Explication de l'exemple

Dans cet exemple, l'URL de base est définie sur https://www.codew3c.com/i/photo/. www.codew3c.com est le nom de domaine de l'hôte, et /i/photo/ est le répertoire sur le serveur contenant les fichiers d'images.

Dans la partie arrière du document, il y a un élément img utilisé pour référencer une image, qui utilise l'URL relative flower.png. Lorsque le navigateur charge l'image, il fusionne l'URL de base et l'URL relative pour former une URL complète :

https://www.codew3c.com/i/photo/flower.png

Exemple 2

Définir l'URL de base pour toutes les URL relatives de la page :

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/"></base>
</head>
<body>
<h1>Attribut base href</h1>
<a href="html_basic.asp">Base HTML</a>
</body>
</html>

Essayez-le vous-même

Explication de l'exemple

Dans cet exemple, l'URL de base est définie sur https://www.codew3c.com/html/. www.codew3c.com est le nom de domaine de l'hôte, et /html/ est le répertoire sur le serveur contenant les fichiers d'images.

Dans la partie arrière du document, il y a un élément a utilisé pour générer des liens, qui utilise l'URL relative html_basic.asp. Lorsque l'utilisateur clique sur ce hyperlien, le navigateur fusionne l'URL de base et l'URL relative pour former une URL complète :

https://www.codew3c.com/html/html_basic.asp

Avis

Si vous n'utilisez pas l'élément base ou ne définissez pas un URL de base via l'attribut href, le navigateur considérera l'URL du document actuel comme le point de départ pour résoudre toutes les URLs relatives.

Par exemple, supposons que le navigateur charge un document à partir de l'URL https://www.codew3c.com/js/index.asp, dans lequel il y a un lien hypertexte utilisant l'URL relative html_basic.asp. Lorsque vous cliquez sur ce lien, le navigateur tentera de charger le deuxième document à partir de l'URL absolue https://www.codew3c.com/js/html_basic.asp.

Syntaxe

<base href="URL">

Valeur de l'attribut

Valeur Description
URL URL absolue servant de base pour l'URL de référence (par exemple, «http://www.example.com/»).

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Balise HTML <base>