Attributs des feuilles de style
Noter ce cours :
Lorsque l'on insère une feuille de style externe (située sur le même serveur) on peut en spécifier les différents médias pour lesquels elle est destinée.
Exemple :
<link rel="stylesheet" href="style.css" media="screen,print" />
Voici une explication pas à pas de cette syntaxe :
- La balise <link> permet de définir un contenu externe au document.
- L'attribut rel indique la relation existante entre la page web et le contenu externe (ici il s'agit d'une feuille de style). Voici les différents paramètres applicables :
stylesheet | Feuille de style par défaut. |
alternate stylesheet | Feuille de style alternative |
contents | Table des matières |
copyright | document contenant des informations de copyright sur la page courante |
index | Index thématique |
glossary | glossaire |
previous | Document précédent |
next | Document suivant |
start | Premier document d'une séquence de documents |
bookmark | Signet pointant dans le document actuel |
help | Document destiné à aider l'internaute |
- L'attribut href est l'adresse du contenu en question (ici la feuille de style style.css)
- l'attribut media indique le ou les médias concernés par ce fichier externe. Voici la liste des différents médias applicables :
all | S'applique à tous les périphériques |
screen | S'affiche sur le moniteur |
tty | Médias de type TV ayant une basse résolution |
projection | Vidéo projecteur |
handheld | PC de poche (pocket PC) |
Imprimante | |
embossed | Documents imprimés en braille |
tv | Télévision |
braille | Appareils représentant la page en braille |
aural | Synthétiseurs vocaux |