La balise HTML <link>
est utilisée pour définir une feuille de style externe en HTML (HyperText Markup Language). Cette balise est une partie essentielle de l'HTML qui nous permet de relier notre document HTML à une feuille de style externe, généralement écrite en CSS (Cascading Style Sheets).
Lorsque vous créez un site web, la mise en forme et le design du site sont souvent gérés en CSS. Les feuilles de style externes vous permettent de modifier l'apparence de plusieurs pages en même temps en modifiant une seule feuille de style.
Voici un exemple illustrant l'utilisation de la balise <link>
pour définir une feuille de style externe:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<!-- Contenu du corps -->
</body>
</html>
Dans cet exemple, la balise <link>
est placée dans la section <head>
de l'HTML. Le href
contient le chemin vers le fichier CSS que nous voulons lier, les attributs rel
et type
définissent respectivement la relation et le type de média.
Il est important de noter que la balise <link>
ne doit pas être confondue avec les balises <style>
, <script>
ou <css>
. La balise <style>
est utilisée pour incorporer du CSS directement dans un document HTML, la balise <script>
est utilisée pour incorporer du JavaScript, et la balise <css>
n'existe pas dans la spécification HTML.
Pour une bonne pratique, il est recommandé d'utiliser une feuille de style externe via la balise <link>
. Cela rend votre site plus facile à maintenir, car vous pouvez modifier le style de plusieurs pages simplement en modifiant un seul fichier CSS.