Formatage HTML

Éléments de formatage HTML

Les éléments de formatage ont été conçus pour afficher des types de texte spéciaux :

< li> < u > - Texte souligné

ex. Ce texte est souligné.



L'élément HTML <u> permet d'afficher un fragment de texte qui est annoté avec des éléments non textuels. Par défaut, le contenu de l'élément est souligné.

• < b > - Texte en gras
  
  ex. Ce texte est en gras.
  
  

  L'élément HTML <b> permet d'attirer l'attention du lecteur sur un contenu qui n'a pas, pour autant, d'importance significative.

  Si l'élément est d'une importance particulière, on utilisera l'élément HTML <strong>.

• < strong > - Texte important
  
  ex. Ce texte est important.
  
  

  L'élément HTML <strong> indique que le texte a une importance particulière ou un certain sérieux voire un caractère urgent.

• < i > - Texte en italique
  
  ex. Ce texte est en italique.
  
  

  L'élément HTML <i> représente un morceau de texte qui se différencie du texte principal.

• < em > - Mettre l'accent sur le texte (emphase)
  
  ex. On met l'accent sur le texte.
  
  

  L'élément HTML <em> (pour emphase) est utilisé afin de marquer un texte sur lequel on veut insister.

• < mark > - Texte marqué
  
  ex. Ce texte est surligné.
  
  

  L'élément HTML <mark> représente un texte marqué ou surligné à cause de sa pertinence dans le contexte.

• < small > - Texte plus petit
  
  ex. Ce texte est petit.
  
  

  L'élément HTML <small> permet de représenter des commentaires ou des textes à écrire en petits caractères (des termes d'un contrat, des mentions relatives au droit d'auteur, etc.) quelle que soit la présentation.

• < del > - Texte supprimé
  
  ex. Ce texte est supprimé.
  
  

  L'élément HTML <del> représente une portion de texte ayant été supprimée d'un document.

• < ins > - Texte inséré
  
  ex. Ce texte est inséré dans la phrase.
  
  

  L'élément HTML <ins> représente un fragment de texte qui a été ajouté dans un document.

• < sub > - Texte d'indice (sous la ligne de base et généralement plus petit)
  
  ex. Voici un texte qui _apparaît sous la phrase.
  
  

  L'élément HTML <sub>est utilisé, pour des raisons typographiques, afin d'afficher du texte en indice (sous la ligne de base et généralement plus petit) par rapport au bloc de texte environnant./p>

• < sup > - Texte en exposant
  
  ex. Voici un texte qui apparaît ^au-dessus de la phrase.
  
  

  L'élément HTML <sup> est utilisé, pour des raisons typographiques, afin d'afficher du texte en exposant (plus haut et généralement plus petit) par rapport au bloc de texte environnant.

Éléments HTML de titre

Les éléments HTML <h1> à <h6> représentent les six niveaux de titre de section. <h1> correspond au niveau de section le plus haut et <h6> correspond au niveau le plus faible.

LA BALISE H1

La balise H1 est la plus importante. Toutes vos pages, même celles ne présentant pas de contenu long, comme les pages d’accueil, par exemple, doivent contenir un titre H1 indiquant le sujet principal de la page Web.

En effet, votre balise H1 est celle spécifiant le titre le plus important de votre page Web. Celle-ci sera une des balises les plus analysées par les moteurs de recherche, veillez donc à y intégrer votre mot-clé principal afin de mieux vous positionner sur celui-ci.

• La balise H1 est le titre de votre page Web. Elle doit présenter clairement le sujet de votre contenu.
• Elle doit être différente de la balise <title> de votre page.
• Vous ne devez intégrer qu’une balise H1 par page
• Il est conseillé qu’elle apparaisse en haut de page.
• Cette balise doit contenir le mot-clé principal du sujet abordé.

Les balises H2

Les balises H2 présentent les grandes parties de votre contenu. Il faut les voir comme des sous parties de votre titre H1, le lecteur doit pouvoir comprendre en un coup d’œil les différents sujets qui sont abordés dans votre contenu.

Les balises H3

Les balises H3 sont des sous-parties de H2 et représentent les arguments ou les détails du H2. Ils permettent d’aérer votre contenu si les parties de vos H2 sont trop longues.

Les balises H4-H5-H6

Généralement, les balises H4, H5 et H6 sont peu utilisées, mais peuvent favoriser la compréhension de votre article si celui-ci est très long.