Balise HTML `<base>`

La balise <base> fait partie d'HTML depuis la version 2.0. Elle définit une URL absolue (de base) pour toutes les URLs relatives dans le document HTML, y compris les liens, les images, les formulaires et les scripts. Cette balise détermine également comment les liens du document actuel doivent être ouverts (dans une nouvelle fenêtre, dans la fenêtre actuelle, etc.).

Vous pouvez accéder à l'URL de base utilisée d'un document depuis des scripts avec document.baseURI. Si le document ne contient aucun élément <base>, baseURL vaudra par défaut document.location.href.

Syntaxe

La balise <base> est un élément vide, ce qui signifie que la balise de fermeture n'est pas requise. En HTML5, la barre de fermeture automatique est facultative, mais dans XHTML, la balise <base> doit être fermée (<base />).

succès
Une seule balise <base> peut être utilisée sur la page, et elle doit être placée dans l'élément <head>. Vous devez l'insérer dès que possible, car son action s'étend à partir de l'endroit où elle est spécifiée.

DANGER

Si vous utilisez plusieurs éléments <base>, seuls les premiers attributs href et target seront respectés. Les autres seront ignorés.

Exemple de la balise HTML `<base>` :

Exemple de la balise HTML <base>

html

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

Try it Yourself »

Résultat

base example

Dans cet exemple, la balise <base> définit l'URL de base - "https://www.w3docs.com/", et le lien relatif "/css3-maker/border-radius" utilisera cette URL comme point de départ.

Copiez le code mentionné ci-dessus dans notre éditeur, et vous verrez un lien actif qui, lorsqu'il est cliqué, s'ouvre dans une 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 la balise <base>.

Attributs

La balise <base> peut contenir soit l'attribut href, soit l'attribut target, ou les deux. Si aucun n'est spécifié, la balise n'a aucun effet.

Attribut	Valeur	Définition
href	URL	Spécifie l'URL de base pour toutes les URLs relatives sur la page.
target	`_blank`	Ouvre le lien dans une nouvelle fenêtre ou un nouvel onglet.
	`_self`	Ouvre le lien dans la fenêtre actuelle.
	`_parent`	Ouvre le lien dans le cadre parent.
	`_top`	Ouvre le document dans le corps complet de la fenêtre.

Pratique

Quelle est la fonction de la balise HTML <base> ?

Elle spécifie l'URL de base pour toutes les URLs relatives d'une page.Elle est utilisée pour intégrer du multimédia dans une page web.Elle définit un ensemble de liens de navigation.Elle est utilisée pour spécifier la cible de base pour tous les hyperliens et formulaires sur une page.Elle ajoute un titre à un document web.

Balise HTML <base> ​

Syntaxe ​

Exemple de la balise HTML <base> : ​

Résultat ​