SELFHTML

Marquage logique de texte

Page d'information: vue d'ensemble

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

 vers le bas 

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

En HTML il y a des commandes logiques et Autre page d'information 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 Autre page d'information éléments incorporés (inline), tandis que les titres, les paragraphes de texte, les listes etc. sont désignés comme des Autre page d'information é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.

 vers le hautvers le bas 

Éléments HTML pour le marquage logique de texte

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

Exemple:

Démonstration - nouvelle fenêtre 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 Autre page d'information 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 <strong>). À 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 </strong>).

Sont disponibles les repères HTML logiques suivants:

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

 
 vers le hautvers le bas 

HTML 4.0XHTML 1.0MSIE 4.0Netscape 6.0 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:

Démonstration - nouvelle fenêtre 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'Autre page d'information é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.

 vers le hautvers le bas 

HTML 4.0XHTML 1.0MSIE 5.xNetscape 6.0 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:

Démonstration - nouvelle fenêtre 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 Chapitre: vue d'ensemble 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.

 vers le hautvers le bas 

HTML 4.0XHTML 1.0MSIE 3.0Netscape 4.0 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 Chapitre: vue d'ensemble 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 Chapitre: vue d'ensemble 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:
Autre page d'information formatage de la police
Autre page d'information couleurs et images d'arrière plan

Exemple:

Démonstration - nouvelle fenêtre 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.

 vers le hautvers le bas 

Autres informations

Dans le Chapitre: vue d'ensemble sommaire de référence HTML vous trouverez des données précisant où les marquages de texte logiques peuvent être mis, quels autres éléments ils peuvent contenir, quels attributs ils peuvent avoir et ce à quoi il faut veiller pour ces différents attributs:
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <em>...</em>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <strong>...</strong>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <code>...</code>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <samp>...</samp>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <kbd>...</kbd>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <var>...</var>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <cite>...</cite>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <dfn>...</dfn>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <acronym>...</acronym>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <abbr>...</abbr>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <q>...</q>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <ins>...</ins>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <del>...</del>
Autre page d'information référence pour les éléments et Autre page d'information référence pour les attributs pour <bdo>...</bdo>

 vers le haut
page suivante Autre page d'information Marquage physique de texte
page précédente Autre page d'information Texte pré-formaté (tel qu'il est saisi dans l'éditeur)
 

© 2001 Stefan Münz / © 2003 Traduction Adresse électronique Serge François, 13405@free.fr
Adresse électronique selfhtml@selfhtml.com.fr