Accueil > html > base-html

{ La balise <base> }

Introduction

Aujourd'hui je vais vous présenter une balise "base" qui est très utile dans la conception d'un site !

L'utilisation est vraiment très simple et l'utilité grande !

Ok ça sert à quoi ?

ça sert tout simplement à définir l'url de base de votre site pour que vous n'ayez plus besoin de rentrer à chaque fois le lien complet, soit ; "http://adresse-de-mon-super-site.com/images/mon-image.png" vers votre dossier "images" par exemple, ce qui vous réduit la syntaxe du lien à mon-image.png

Le bout de code

dans l'en-tête :

Cette balise "base" est à définir dans l'en-tête de votre page, càd entre les balises <head> et </head>

<head>
<base href="http://www.astuces-webmaster.ch/images" />
<base target="_blank" />
</head> 

le <base href /> indique l'url de base pour les liens futurs et le base target défini comment doivent être ouvert ces liens (_blank -> dans une nouvelle fenêtre par exemple) si vous ne souhaitez pas définir de comportement spécial lors du clic sur le lien alors enlever simplement la balise <base target />

Final

dans le corps de la page :

Du coup vous n'avez plus besoin de remettre "http://www.astuces-webmaster.ch/images" ou "/images" si vous voulez indiquer le chemin jusqu'à l'image.

<body>
<img src="fond-ecran-astuces.png" />
</body>

Conclusion

XHTML ou HTML ?

Attention ! si votre page est en HTML la balise <base> n'a pas de / à la fin de la balise, tandis qu'avec le XHTML il est important de la fermer comme il faut c'est à dire comme ça : <base />

Voilà c'est fini ^^