Les bases du langage HTML 5

II – Balises de mise en forme du texte

1 – Les commentaires

À n'importe quel endroit du code source de la page, on peut placer des commentaires qui ne sont pas interprétés par le navigateur, et qui ont pour seul intérêt de donner des informations sur le code source aux concepteurs de la page Web.

2 – Premières balises de l'en-tête

<meta charset="utf-8" /> indique au navigateur l'encodage des caractères utilisés.
<meta name="description" content="Description de la page..." /> indique aux moteurs de recherche une description du contenu de la page.
<meta name="keywords" content="mot clé1, mot clé2, ..." /> indique aux moteurs de recherche le contenu de la page à l'aide de quelques mots.
<meta name="author" content="Nom de l'auteur" /> indique le nom de l'auteur de la page.
<meta http-equiv="content-language" content="fr" /> indique la langue utilisée dans la page.
<meta name="robots" content="index,follow" /> indique aux moteurs de recherche de suivre les liens présents dans la page afin de référencer les autres pages liées du site Web.

Les balises meta ne vont pas par paire. On les appelle balises orphelines. La plupart des balises sont complétées par des attributs (en bleu).

<title> Titre de la page </title> indique le titre de la page (moins de 100 caractères).

En général, le titre de la page est visible dans l'onglet du navigateur. Il apparaît aussi dans les résultats des moteurs de recherche.

3 – Premières balises du corps

Ces balises permettent d'indiquer la nature des éléments à afficher mais aussi la structure de la page, c'est-à-dire la hiérarchie des différents éléments contenus dans la page.

• Les titres

<h1> Titre de 1ère importance </h1> <h2> Titre de 2ème importance </h2> <h3> Titre de 3ème importance </h3>

Il y a 6 niveaux de titres différents, mais seuls les 3 premiers, au maximum, sont souvent utilisés.

• Les paragraphes

<p> Contenu du paragraphe </p>

La fin d'un paragraphe entraîne un saut de ligne dans la page Web.

• Le saut de ligne (ou retour à la ligne)

L'action de sauter une ligne dans le code source avec la touche Entrée n'a aucune influence sur l'affichage de la page Web. Pour sauter une ligne, on utilise la balise orpheline <br> ou bien <br />.