Lorsqu'une définition est énumérée au sein d'un document HTML, les règles de présentation en découlant s'appliquent automatiquement à la page courante.
Par contre, si l'on désire qu'une feuille de style provenant d'un fichier différent soit utilisée dans la présentation d'une page HTML, une commande spéciale est nécessaire afin de rapatrier les informations de style requises.
Cette balise se place au sein de l'en-tête du document HTML.
Dans le cas d'un chargement de deux feuilles de style externes, une seule définition de style pour un élément HTML identique sera pris en compte dans la mise en page du document HTML.
Le navigateur peut également proposer à l'utilisateur le choix entre deux feuilles de style portant sur des éléments HTML identiques. D'autre part, les styles de document et les styles en ligne ont la priorité sur les définitions externes.
La commande <link...> applique une série de définitions externes des feuilles de style.
L'attribut href="Adresse du CSS" permet de lier le document courant à une feuille de style externe.
L'attribut rel="Type de relation"* indique la relation entre le document et la cible.
L'attribut title="Texte" spécifie si la feuille de style est par défaut et si elle peut être désactivée par l'utilisateur.
L'attribut type="text/css définit les types de styles inclus au sein des balises <style>.
Les autres attributs de la balise link :
L'attribut rev="Type de relation" indique la relation inverse entre la cible et le document.
L'attribut charset="Encodage" spécifie l'ensemble des caractères utilisés pour encoder la cible.
L'attribut media="Liste" donne la liste de différents moyens de communication possible.
*Relation | Description |
---|---|
stylesheet | Définit une feuille de style par défaut, ou une feuilles de style persistante. |
alternate stylesheet | Définit une feuille de style alternative. |
contents | Définit un document qui sert de table des matières. |
index | Définit un document servant d'index thématique pour la série de documents dont fait partie le document courant. |
glossary | Définit un document qui contient un glossaire pour le document courant. |
copyright | Définit une mention de "copyright" applicable au document en cours. |
next | Définit le prochain document lorsque le document courant fait partie d'une série de documents chaînés. Cette valeur est généralement utilisée pour l'attribut rel. |
previous | Définit le document précédent lorsque le document courant fait partie d'une série de documents chaînés. Cette valeur est généralement utilisée pour l'attribut rev. |
start | Définit le premier document d'une séquence de documents. Ce type de lien permet aux moteurs de recherche de trouver quel est le premier document d'une collection, selon l'idée première de son auteur. |
help | Définit un document d'aide (informations complémentaires, liens vers d'autres sources d'informations, etc.) |
bookmark | Définit un signet. Un signet est un lien sur un point d'entrée particulier dans un document "étendu". L'attribut title pourra être utilisé pour nommer le signet. Notez que plusieurs signets peuvent être définis dans un document. |
<html> <head> <link href="Adresse cible" type="text/css" rel="stylesheet" media="Type de Média"> <link href="Adresse cible" type="text/css" rel="alternate stylesheet" title="Description" media="Type de Média"> ... </head> <body> ... Diverses commandes HTML ... </body> </html> |
Windows | Macintosh | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
NE4 | NE6 | NE7 | IE5 | IE55 | IE6 | OP5 | OP6 | OP7 | NE4 | NE6 | NE7 | IE4 | IE5 |