Le site pour tout savoir sur la balise HEAD

Tous ceux qui se sont frottés au langage HTML savent qu’une page Web est constituée d’une tête et d’un corps. Cela se matérialise avec les balises HTML <head> et <body>, elles-mêmes à l’intérieur d’une balise <html>.

C’est à l’intérieur des balises <body> </body> que le contenu visible de la page HTML est codé grâce aux balises de ce langage de description de page.

À l’intérieur du couple des balises d’entête, <head> qui se ferme avec un </head>, on va trouver tous les éléments qui constituent l’entête de la page HTML.

Ces informations ne seront pas affichées par le navigateur Web, mais sont utiles pour ajouter des métadonnées au document HTML pour le décrire et pour y ajouter des informations.

Le plus connu de ces éléments est le titre de la page Web qui se spécifie avec la balise <title> suivie du nom de la page et qui se termine par la balise de fermeture </title> ; par exemple <title>ceci est le nom de ma page Web </title>.

De nombreux autres éléments peuvent être ajoutés dans l’entête d’une page HTML : une ou plusieurs feuilles de styles CSS, le réglage pour spécifier l’encodage des caractères affichés par le navigateur, des fichiers de scripts (JAVASCRIPT par exemple), des polices de caractères, les favicons…

Sur le site sobrement appelé HEAD on trouvera une description complète de toutes les métadonnées qui peuvent être ajoutées à l’intérieur de l’entête d’une page HTML.

site-head

Pour résumer, ce site recense tout ce qu’il est possible de faire dans la partie head d’un document HTML.

Cela va du minimum requis à des fonctionnalités plutôt plus pointues comme la géolocalisation ou encore les propriétés intrinsèques aux réseaux sociaux.

HEAD se présente sous la forme d’une table des matières où il suffit de cliquer sur une rubrique pour en connaître le détail. Les explications sont développées en anglais.

Des exemples commentés sont à récupérer par copier-coller afin de les inclure dans ses propres projets de développement sans avoir à faire des recherches depuis d’autres sources.

Quelques conseils d’utilisation, de bonnes pratiques d’écriture et même d’optimisation des performances sont aussi à lire. Ils s’avéreront utiles notamment pour savoir dans quel ordre les différents éléments et les attributs des balises doivent s’écrire.

site-head-elements

En cas de besoin, des liens renvoient vers des sites tiers où sont détaillées d’autres explications.

C’est un document très technique, mais qui devrait faire le bonheur des développeurs Web en herbe ou plus expérimentés. Il a le mérite de rassembler toutes les informations qu’il est possible de trouver dans l’entête d’une page Web dans un même texte.

Le document de synthèse HEAD est dans le domaine public. Il peut donc être diffusé largement sans problème. Ces sources sont accessibles sur GitHub.