<base>
Définit l'URL de base pour tous les liens relatifs du document et la cible par défaut pour les liens.
Description
L’élément <base> définit l’URL de base utilisée pour résoudre toutes les URLs relatives du document (liens, images, scripts). Il doit être unique dans le <head> et doit apparaître avant tout élément référençant une URL. target définit le contexte d’ouverture par défaut pour tous les liens.
Syntaxe
<head>
<base href="https://example.com/docs/" target="_self">
</head>Exemples
Résolution d’URL relative depuis une base :
<head>
<base href="https://html6.fr/elements/">
</head>
<body>
<!-- Résolu en : https://html6.fr/elements/a -->
<a href="a">Élément a</a>
<!-- Résolu en : https://html6.fr/elements/style.css -->
<link rel="stylesheet" href="style.css">
</body>Attributs spécifiques
| Attribut | Type | Description |
|---|---|---|
href | URL | URL de base absolue. Tous les liens relatifs sont résolus par rapport à cette URL. |
target | enum | Contexte d’ouverture par défaut pour les liens : _self (défaut), _blank, _parent, _top. |
Notes
Usage rare et risqué : <base> peut créer des confusions si des URLs relatives dans les ancres internes (<a href="#section">) pointent vers la base au lieu de la page courante. Les frameworks modernes (React, Vue, Astro…) gèrent généralement les URLs de base différemment.
target="_blank" sur <base> : définir <base target="_blank"> ouvre tous les liens dans un nouvel onglet par défaut — pratique risquée qui peut désorienter les utilisateurs. Préférer l’attribut target lien par lien.
Support navigateurs
Chrome1+ · Firefox1+ · Safari3+ · Edge12+