SELFHTML: HTML/XHTML / Éléments pour structurer le texte / Marquage logique de texte

	Marquage logique de texte
	Généralités sur le marquage logique de texte Éléments HTML pour le marquage logique de texte Marquage des modifications dans le document Modification du sens de lecture Formater les éléments logiques pour le marquage de texte avec les CSS Autres informations

Généralités sur le marquage logique de texte

En HTML il y a des commandes logiques et physiques pour mettre du texte en valeur. Les commandes logiques ont des significations telles que "accentué " ou "emphatique". Dans les commandes logiques le navigateur Web ou plutôt son utilisateur décide comment un tel texte doit être mis en valeur (par exemple en caractères gras, italique ou d'une autre couleur). En relation avec les feuilles de style CSS, vous pouvez en effet formater les marquages logiques comme vous le souhaitez.

À la différence d'éléments comme des titres, des paragraphes de texte, des listes etc. qui servent aussi à une structuration logique du texte, les éléments décrits ici sont cependant ce qu'on appelle des éléments incorporés (inline), tandis que les titres, les paragraphes de texte, les listes etc. sont désignés comme des éléments de bloc . Les éléments incorporés ne génèrent aucun paragraphe (ou plus exactement: pas de nouvelle ligne) dans le cours du texte.

Éléments HTML pour le marquage logique de texte

Plusieurs éléments HTML sont disponibles pour formater logiquement des passages de texte.

Exemple:

Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Logique implacable</h1>

<p>Les crétois disent que <strong>les crétois sont tous des menteurs</strong>. Mais ce n'est pas vrai étant donné que les crétois mentent tous.</p>

</body>
</html>

Explication:

Les éléments incorporés pour le marquage de texte doivent - tout au moins dans la variante HTML "Strict" - se trouver dans d'autres éléments de bloc. Dans l'exemple ci-dessus est noté un paragraphe de texte dans lequel est noté un marquage logique de texte. Au début du texte qui doit être marqué est inséré un repère d'ouverture (dans l'exemple, il s'agit du repère ). À la fin du passage de texte devant être marqué est inséré un repère de fermeture (dans l'exemple, il s'agit du repère ).

Sont disponibles les repères HTML logiques suivants:

Élément (Notation)	État	Signification
`<em>...</em>`		formate un texte et signifie "avec intonation "emphatique".
`<strong>...</strong>`		formate un texte et signifie "avec une forte intonation".
`<code>...</code>`		formate un texte et signifie"ceci est du code source"
`<samp>...</samp>`		formate un texte et signifie "ceci est un exemple"
`<kbd>...</kbd>`		formate un texte et signifie "ceci est une entrée clavier".
`<var>...</var>`		formate un texte et signifie "ceci est une variable"
`<cite>...</cite>`		formate un texte et signifie "ceci est une citation d'une autre source"
`<dfn>...</dfn>`		formate un texte et signifie "ceci est une définition".
`<acronym>...</acronym>`		formate un texte et signifie "ceci est une abréviation" (c.à.d. "c.à.d.")
`<abbr>...</abbr>`		formate un texte et signifie "ceci est écrit en abrégé" (par exemple "WWW")
`<q cite="source">...</q>`		formate un texte et signifie "ceci est une citation de l'adresse URI citée"

Marquage des modifications dans le document

Quand vous travaillez sur des documents HTML pour lesquels il est important de garder la trace des modifications vous pouvez utiliser le marquage logique pour marquer des passages effacés ou insérés.

Exemple:

Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Beaucoup d'erreurs</h1>

<p>Goethe est né en <del>1768</del><ins>1789</ins> et était un
 <del>sportif</del> <ins>écrivain</ins> doué.</p>

</body>
</html>

Explication:

Avec <del>...</del> vous marquez le texte qui n'est plus valable (del = delete = effacer). Avec <ins>...</ins> vous pouvez marquer le texte qui a été ajouté (ins = insert = insérer).

Pour un marquage plus précis, encore deux attributs sont permis dans les repères d'ouverture:

Avec l'attribut datetime= dans le repère d'ouverture <ins> ou <del> vous pouvez retenir la date de la modification. Une mention telle que <ins datetime="2001-06-25T10:59+01:00"> signifie: "inséré le 25/6/2001 à 10 heures 59" d'après l'heure de la zone de temps UTC plus 1 heure. Vous pouvez aussi omettre les mentions de zone horaire et d'heure comme ceci: <ins datetime="2001-06-25">. UTC signifie "Universal Coordinated Time" (temps universel coordonné) .

Avec l'attribut cite= vous pouvez mentionner une adresse URI qui peut avoir justifié la modification - par exemple un document officiel auquel votre document ce réfère et qui a été modifié entre temps. Une commande telle que <ins cite="http://www.w3.org/TR/1999/REC-html401-19991224"> signifie: ce texte a été inséré sur la base de la spécification HTML 4.0 (l'adresse URL mentionnée est l'adresse à laquelle on peut trouver la spécification HTML.

Attention:

Les deux éléments ins et del ont une place à part en ce qui concerne l'endroit où ils sont mis. Ces deux éléments peuvent être mis, soit à l'intérieur d' éléments de bloc - alors ils remplissent eux-mêmes le rôle d'éléments incorporés. Ou alors, ils sont notés à l'extérieur d'éléments de bloc - alors ils remplissent eux-mêmes le rôle d'éléments de bloc et peuvent inclure plusieurs autres éléments de bloc et leur contenu complet.

Modification du sens de lecture

Si vous utilisez HTML avec des langues qui ont un autre sens de lecture que de la gauche vers la droite il se peut que des conflits dans le sens de lecture du texte apparaissent toujours de temps à autre surtout si vous utilisez deux langues avec des sens de lecture différents dans le même texte. Si vous notez des unicodes en HTML, la direction du sens de lecture est en principe prise automatiquement en considération. Si par exemple, vous notez les unicodes pour un mot arabe de la gauche vers la droite, le logiciel doit pourtant déchiffrer cette chaîne de caractères de telle façon que sa représentation se fasse de la droite vers la gauche, étant donné que c'est le sens de lecture d'un texte en arabe. Si, pour quelque raison que ce soit, cela ne devait pas fonctionner, vous pouvez recourir à l'aide d'un élément HTML.

Exemple:

Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>à l'envers</h1>

<p>Ici le terme &quot;à l'envers&quot; est tout simplement  <bdo dir="rtl">à l'envers</bdo>.

</body>
</html>

Explication:

Avec <bdo dir="rtl"> vous introduisez un texte qui sera représenté de la droite vers la gauche, et avec <bdo dir="ltr">, un texte qui sera représenté de la gauche vers la droite. </bdo> met fin au texte avec un sens de lecture différent (bdo = bidirectional overwrite = écraser la fonction bidirectionnelle ). Avec l'attribut dir= vous forcez un certain sens de lecture (rtl = right to left = droite à gauche, ltr = left to right = de gauche à droite).

L'attribut dir= fait partie des attributs universels et peut être placé dans tous les repères HTML dans lesquels on peut trouver du texte. L'élément HTML spécial bdo est conçu pour des cas dans lesquels dir= provoque des problèmes, par exemple pour des repères imbriqués qui contiennent des instructions contradictoires quant au sens de lecture.

Formater les éléments logiques pour le marquage de texte avec les CSS

Comment des éléments logiques seront représentés dans le navigateur, ne peut guère être modifié par HTML. Les navigateurs utilisent des formatages par défaut. Avec les feuilles de style CSS vous pouvez cependant formater de tels éléments comme vous le désirez. Pour employer des feuilles de style CSS, il vous faut d'abord savoir comment définir des formats CSS. Ensuite, vous serez en mesure d'appliquer les propriétés CSS. En relation avec ce qui vient d'être décrit les données de feuilles de style suivantes sont aussi intéressantes:
formatage de la police
couleurs et images d'arrière plan

Exemple:

Exemple d'affichage: aperçu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Tout plein d'éléments logiques de couleur</h1>

<p>
texte avec l'élément <em style="color:blue">élément em</em><br>
texte avec l'élément <strong style="color:red">élément strong</strong><br>
texte avec l'élément <code style="color:purple">élément code</code><br>
<!-- etc. -->
</p>

</body>
</html>

Explication:

Les différent éléments logiques reçoivent des couleurs de police d'écriture différentes. Toutefois, les navigateurs ne peuvent formater que les éléments qu'ils connaissent.

Autres informations


	Marquage physique de texte
	Texte pré-formaté (tel qu'il est saisi dans l'éditeur)

SELFHTML/Aides à la navigation

HTML/XHTML

Éléments pour structurer le texte