Le tag <base> est récemment devenue une partie de HTML5. Dans le tag <base> l’URL absolue (de base) est spécifiée pour toutes les URL relatives contenues dans le document de HTML. Elle spécifie aussi comment les liens dans le document courant doivent s’ouvrir (dans la nouvelle fenêtre, dans la fenêtre courante etc.).

Syntaxe

Le tag <base> est seul, le tag fermant n’est pas requis. Mais c’est requis de fermer le tag (</base>).

Le tag doit être situé dans l’élément <head>, et on peut indiquer uniquement un tag <base> sur une page. On doit l’indiquer dès que possible, car son action s’étend de l’endroit depuis quelle il est indiqué.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>HTML tag base </title>
    <base href="https://www.w3docs.com/" target="_blank">
  </head>
  <body>
    <a href="/css3-maker/border-radius">Essayez l'outil  CSS Maker</a>
  </body>
</html>

Résultat

Base

Dans cet exemple, dans le tag nous avons indiqué l’URL de base - https://www.w3docs.com/. La page, dont URL est indiqué comme “/css3-maker/border-radius”, le navigateur va chercher par l’adresse "https://www.w3docs.com/".

Copiez le code ci-dessous à notre rédacteur et vous allez voir un lien actif, en cliquant sur lequel il s’ouvre dans la nouvelle fenêtre. Bien que le lien lui-même ne contienne pas l'attribut target _blank, il s'ouvrira dans une nouvelle fenêtre, car nous avons défini l'attribut target _blank sur l'URL absolue du tag <base>.

Attributs

Le tag <base> doit contenir l’un des attributs href ou target . Si nécessaire, on peut utiliser les deux attributs.

Attributs Signification Description
href URL Indique l’URL de base pour toutes les URL relatives sur la page. L’adresse de base par défaut est substituée avant toutes les adresses relatives sur la page.
target _blank
_parent
_self
_top
-ouvre le lien dans une nouvelle fenêtre.
-ouvre le lien dans une fenêtre courante.
- ouvre le lien dans un cadre parentale.
- ouvre le lien en plein largeur de la fenêtre.

Support de Navigateurs

chrome edge firefox safari opera

Pratiquez vos connaissances

Que pouvez-vous faire avec la balise HTML <base>?
Trouvez-vous cela utile?