Code HTML: Entête (Header)

Les codes HTML suivants permettent de paraméter l'entête d'une page HTML:

Type de document (Doctype)

Balises à placer entre les balises <HEAD> et </HEAD>:

Icone (icon)
Titre (Tittle)
Description (Description)
Sujet (Subject)
Résumé (Abstract)
Classement (rating)
Distribution (Distribution)
Auteur (author)
Propriétaire (Owner ou publisher)
Répondre à (Reply-to ou Rev)
Copyright (copyright)
Localisation (location)
Mots clés (Keywords)
Robots (Robots)
Revisiter après (revisit-after)
Expiration (expires)
Type de contenu (Content-Type)
Languages (Content-language)
Page cible (Window-target)
Editeur Html (Generator ou Formatter)
Directive (Pragma)
Adresse du site (Identifier-url)
Raffraichissement (Refresh)
Dates de création et de Révision (Date-Creation et Date-Revision)

Type de document (Doctype)

La balise <!DOCTYPE HTML PUBLIC "..."> permet de définir le type de la page WEB. Cette balise très importante est utilisée par le navigateur (browsers) pour connaitre la norme utilisée pour coder la page.

Cette déclaration est à placer avant la déclaration de l'entête (head) de la page HTML.

Exemples de déclaration de Type de document (Doctype)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Sites de référence

http://www.webstandards.org/learn/reference/templates/
http://www.w3.org/QA/2002/04/valid-dtd-list.html
http://www.pompage.net/pompe/doctype/

Icone (icon)

Juste après la déclaration de l'entête (head), il est possible de déclarer un icone qui s'affichera dans l'onglet du navigateur, comme c'est le cas pour cette page qui affiche l'icone ci-dessous. Un icone est une collection d'images de différentes tailles au format bitmap, avec une extension ".ico" (Visual C++ permet d'éditer ce genre d'image, similaire aux icones des applications).

icone.ico

Titre (title)

La balise <title>...</title> permet de donner un titre à la page.
Cette balise est de première importance pour le référencement. Elle devra contenir entre un et cinq de vos mots-clés, en rapport avec le contenu de votre site.

<title>Code HTML: Entête</title>

Code HTML: Entête

Description (Description)

La balise <META NAME="Description" CONTENT="..."> permet de donner un descriptif de la page, qui s'affichera dans les moteurs de recherche. Presque aussi inutile pour le référencement que sa grande soeur "keywords", elle est cependant encore utilisée comme description de votre site dans les réponses de certains moteurs (mais pas google). Il faut donc écrire cette balise pour motiver les internautes à visiter votre site.

Code HTML: Entête

Sujet (Subject)

La balise <META NAME="Subject" CONTENT="..."> permet de donner un titre à la page.

Code HTML: Entête

Classement (rating)

La balise <META NAME="rating" CONTENT="..."> permet de classer l'accès à la page.

Accès général
Accès adultes
Accès restreint
Accès interdit au moins de 12 ans

Distribution (Distribution)

La balise <META NAME="Distribution" CONTENT="..."> permet de classer l'accès à la page.

Accès global
Accès local

Résumé (Abstract)

La balise <META NAME="Abstract" CONTENT="..."> permet de donner un résumé de la page.

Code HTML: Entête

Auteur (author)

La balise <META NAME="author" CONTENT="..."> permet de citer l'auteur de la page.

eclectique.fr@free.fr

Propriétaire (Owner ou publisher)

La balise <META NAME="owner" CONTENT="..."> ou <META NAME="publisher" CONTENT="..."> permet de citer le propriétaire de la page.

eclectique.fr@free.fr

Répondre à (Reply-to ou Rev)

La balise <META NAME="Reply-to" CONTENT="..."> ou <META NAME="Rev" CONTENT="..."> permet de donner l'adresse @mail permettant de joindre le webmaster de la page.

eclectique.fr@free.fr

Copyright (copyright)

La balise <META NAME="copyright" CONTENT="..."> permet de citer l'auteur de la page.

Localisation (location)

La balise <META NAME="location" CONTENT="..."> permet de citer l'auteur de la page.

France, FRANCE

Mots clés (keywords)

La balise <META NAME="Keywords" CONTENT="..."> permet de lister les mots-clés de la page. Cette ancienne star du référencement est aujourd'hui complètement obsolète: aucun des moteurs importants ne la regarde, aussi même les sites les plus populaires ne l'utilisent plus. On peut donc théoriquement s'en passer... mais comme "ça ne mange pas de pain" et qu'on ne sait jamais ce qui peut passer par la tête de ces crétins de robots, on pourra quand même y faire figurer quelques mots clés, sans accents, séparés par des virgules. Mais inutile d'y passer plus de 5 minutes!!!

utilitaires WEB, balises, balises HTML, HTML, entête, header

Robots (Robots)

La balise <META NAME="Robots" CONTENT="..."> permet de donner des instructions aux robots sur le contenu de votre page.

indéxer ou non la page
suivre ou non les liens dans la page

Revisiter après (revisit-after)

La balise <META NAME="revisit-after" CONTENT="... days"> permet de donner un conseil aux robots sur la récurrence de visite de votre page. Il est conseillé de ne pas mettre moins que 14 jours (14 days).

Revisiter cette page tous les 30 jours

Expiration (expires)

La balise <META NAME="expires" CONTENT="..."> permet de donner des instructions aux robots sur le contenu de votre page.

Expire jamais
Expire le Dimanche 14 Octobre 2012 à 8 heures GMT

Type de contenu (Content-Type)

La balise <META HTTP-EQUIV="Content-Type" content="..."> permet de définir le type d'alphabet utilisé par la page, ce qui est particulièrement important dans les langues qui utilisent des caratcères spéciaux, tels que les caractères accentués, en français ou en espagnol.

text/html; charset=iso-8859-1

Languages (Content-language)

La balise <META HTTP-EQUIV="Content-language" content="...> permet de définir la ou les langues de la page.

fr = Français
fr-be = Belge
fr-ca = Canadien
fr-lu = Luxembourgeois
fr-ch = Suisse
en = Anglais ou Américain
de = Allemand
es = Espagnol
it = Italien
pt = Portugais

Langage (language)

La balise <META NAME="language" CONTENT="..."> permet de définir la ou les langues de la page.

fr = français

Page cible (Window-target)

La balise <META HTTP-EQUIV="Window-target" content="...> permet de définir la façon d'afficher la page.

Affiche la page dans une nouvelle fenêtre

Editeur Html (Generator ou Formatter)

La balise <META HTTP-EQUIV="Generator" content="...> ou <META HTTP-EQUIV="Formatter" content="...> permet de préciser l'éditeur de la page.

Page générée par DreamWeaver 12

Directive (Pragma)

La balise <META HTTP-EQUIV="Pragma" content="...> permet de forcer le rechargement de la page.

La Page ne sera pas mise en cache, et donc elle sera rechargée à chaque fois qu'elle est visualisée.

Adresse du site (Identifier-url)

La balise <META HTTP-EQUIV="Identifier-url" content="...> permet de donner l'adresse du site WEB.

L'adresse du site WEB est "http://eclectique.fr.free.fr".

Raffraichissement (Refresh)

La balise <META HTTP-EQUIV="Refresh" content="temps en secondes ; URL=..."> permet de raffraichir la page, au bout d'un temps donné en seconde, en utilisant l'adresse de la page WEB passée en paramètre dans URL.
- Si le temps est à 0, la redirection est immédiate.
- S'il n'y a pas de redirection, la même page est recgargée.

Test: <META HTTP-EQUIV="Refresh" CONTENT="5 ; URL="HTML_entete.php">

Si vous cliquez sur le lien, vous allez ouvrir la page "HTML_test_Refresh.php" pendant 5 secondes, puis revenir sur cette page.

Dates de création et de Révision (Date-Creation et Date-Revision)

Les balises <META NAME="Date-Creation-ddmmyyyy" content="ddmmyyyy"> et <META NAME="Date-Revision-ddmmyyyy" content="ddmmyyyy"> permettent de dater la page et ses évolutions.

Date de création: 1er Août 2012
Date de révision: 10 Octobre 2012