« Le langage HTML/L'en-tête » : différence entre les versions

Contenu supprimé Contenu ajouté
mAucun résumé des modifications
TouzaxA (discussion | contributions)
Vers le HTML5
Ligne 9 :
----
; Note
: Nous utilisons ici le XHTMLHTML5. Pour le HTMLXHTML, enlevezrajoutez simplement les barres de fraction à la fin des balises isolées, par exemple
{| border="0"
|-
! XHTML !! HTMLHTML5
|-
| <code>&lt;meta name="''propriété''" content="''attributs''" /&gt;</code>
Ligne 22 :
 
; Titre
: Le titre est compris entre les balises <code>&lt;title&gt;…&lt;/title&gt;</code>.
: Habituellement, le titre de la page est affiché dans la barre de titre du navigateur (tout en haut), et lorsque le navigateur gère les onglets, dans l'étiquette des onglets.
: '''Cet élément est obligatoire.'''
Ligne 28 :
; Encodage
: Si le fichier contient des caractères répondant à la norme ISO-8859-1 « Latin-1 », on mettra la balise
<meta charset="utf-8">
&lt;meta
: Cette information est très fortement recommandée.
http-equiv="content-type"
content="text/html; charset=ISO-8859-1" /&gt;
: S'il s'agit de la norme ISO-8859-15 « Latin-9 » :
&lt;meta
http-equiv="content-type"
content="text/html; charset=ISO-8859-15" /&gt;
: Cette information est recommandée.
 
; Auteur
: Le nom de l'auteur est indiqué avec la balise suivante :
&lt;meta name = "author"
content = "''nom de l'auteur''" /&gt;
 
; Description de la page
: La description du contenu de la page est indiquée avec la balise suivante :
&lt;meta name = "description"
content = "''phrase de description''" /&gt;
 
; Mots-clefs
: Les mots-clefs servent à référencer la page. Cependant, de nombreux moteurs de recherche n'ont plus recours aux mots-clefs car des auteurs utilisaient des mots-clefs sans rapport avec le contenu afin d'augmenter la fréquentation de leur page (cas notamment de nombreux sites pornographiques). Les mots-clefs sont indiqués avec la balise suivante :
&lt;meta name = "keywords"
content = "''liste de mots-clefs''" /&gt;
 
; Robots
: Le robot sert à gérer le référencement de la page. Il prend comme argument ''follow'' (permet au robot de suivre les liens de la page), ''index'' (permet au robot d'indexer la page), les arguments ''nofollow'' et ''noindex'' sont les contraires (ne pas suivre et ne pas indexer). Les deux derniers arguments sont ''all'' et ''none'' qui, comme leur noms l'indique, active ou désactive les deux fonctions. Les instructions pour robots sont indiquées avec la balise suivante :
&lt;meta name = "robots"
content = "''all|(no)follow|(no)index|none''" /&gt;
 
; Feuille de style
Ligne 61 ⟶ 55 :
&lt;link rel= "stylesheet"
type = "text/css"
href="''nom_du_fichier''.css"/&gt;
: On peut aussi écrire la feuille de style (code CSS) directement dans l'en-tête, entre les balises <code>&lt;style type="text/css"&gt;…&lt;/style&gt;</code>.
: ''Voir [[Programmation CSS/Interface HTML]].''
Ligne 68 ⟶ 62 :
 
La balise <code>&lt;meta&gt;</code> a été utilisée plusieurs fois ci-dessus. Vous avez remarqué que sa syntaxe générale était :
: <code>&lt;meta name="''propriété''" content="''attributs''" /&gt;</code>
 
En plus d'indiquer des méta-informations sur la page, elle permet de faire un rafraîchissement automatique de la page, et d'utiliser des fonctionnalités spécifiques à certains navigateurs (exemple : des effets visuels de transitions entre les pages).