Bienvenue à ce nouveau tuto 🙂 .Dans cette partie, nous allons comprendre l’élément de métadonnées (en-tête en français et Head en anglais ) du document HTML.
L’élément HTML <head> fournit des informations générales (métadonnées) sur le document comme le titre et des liens vers des scripts (JavaScript) ou feuilles de style (CSS).
accès rapide
La démo
La Balise <head>
La balise <head> dans HTML est un élément qui se trouve encapsulé dans la balise <HTML>. La balise <head> représente l’en tête du site.
Dans cette balise on peut trouver de nombreuses informations :
- Les balises <meta> qui permettent au moteur de recherche d’avoir un résumé du contenu de la page
- le titre de la page (qui peut être mentionné dans la balise <title>)
- l’appel des feuilles de style CSS utilisées par la page.( à l’aide de la balise <link>)
- l’appel des fichiers javascript utilisés par la page.( à l’aide de la balise <script>)
La balise <meta>
Les balises méta ne sont pas visibles par les internautes mais par contre elles sont visibles par les robots d’indexation sur le contenu d’une page web en fournissant une brève description de la page.
Nous allons voir un exemple d’attribut qui peut se trouver dans la balise <meta> qui est l’attribut charset.
charset est le responsable de préciser l’encodage des caractères dans une page.
Le choix de l’UTF-8 est recommandé par le W3C pour tous les protocoles échangeant du texte sur internet (dont HTML).cet encodage permet d’afficher les caractères spéciaux et accentués.
ci-dessous un exemple de déclaration d’une balise <meta> :
<meta charset="utf-8">
La balise <title>
La balise <title> permet de donner un titre à une page web. Cette balise décrit le contenu d’une page. Cette description va envoyer un signal aux moteurs de recherche sur le sujet principale de la page. Du coup, le robot du moteur de recherche pourra correctement indexer cette page web.
ci-dessous un exemple de déclaration d’une balise <title> :
<titre>Inscrire un titre ici</titre>
La balise <link>
L’élément <link> définit la relation entre le document courant et un autre externe.
La plupart du temps, les développeurs utilisent la balise <link> pour faire référence aux feuilles de style CSS externes avec une relation du type stylesheet.
ci-dessous un exemple de déclaration d’une balise <link> :
<link rel="stylesheet" href="style.css">
La balise <script>
Cet élément permet de faire référence aux fichiers JavaScript qui seront exécuter côté client.
Avant la version HTML5 , le développeur a été obligé de saisir l’attribut : type = « text/javascript » mais à partir de la version 5 du HTML il n’est plus obligatoire de spécifier l’attribut type.
ci-dessous un exemple de déclaration d’une balise <script> :
<script src="script.js"></script>
Dans ce tuto, nous avons défini la partie Head en HTML et les différentes balises qui peuvent se trouver dedans.
Espérons bien que ce tuto vous a plu. Dans le tuto suivant , Nous allons comprendre la partie body.