SELFHTML/Quickbar
HTML
Types de paragraphes et structure du texte SELFHTML/Quickbar
HTML
Types de paragraphes et structure du texte
En HTML il y a des commandes logiques et 
physiques
pour mettre du texte en valeur. Dans les commandes logiques le navigateur WWW ou
plutôt son utilisateur décide comment un tel texte doit être mis en valeur (par
exemple caractères gras, italique ou autre couleur).
Limitez vous au marquage logique de texte si vous voulez être sûr que ces commandes soient affichées également dans des environnements orientés sur le mode texte. Ceci trouve tout son sens pour des textes scientifiques ou des textes d'information pure.
Le marquage logique est aussi intéressant si on considère une sortie du fichier HTML non-visuelle. Un interpréteur HTML par exemple qui traduit des textes HTML pour aveugles en une voix synthétique ne pourra rien faire avec "caractères gras" ou "souligné" étant donné que leur signification peut être différente, par contre des commandes telles que "avec intonation" ou "plein de sentiments" seront mieux interprétées.
Grâce aux possibilités de formatage des 
feuilles de style CSS
qui peuvent être également utilisées pour un marquage logique, les
repères logiques retrouvent toujours plus d'importance. Plus de détails sur ce
sujet ci-dessous dans 
autres possibilités.
|
Plusieurs repères HTML sont disponibles pour formater logiquement des passages de texte.
<strong> Texte généralement mis en valeur </strong> |
Au début du passage de texte qui doit être mis en valeur est inséré un repère d'ouverture (par exemple le repère <strong>). À la fin du passage désiré est inséré le repère de fermeture correspondant (par exemple le repère </strong>). Aucun de ces repères HTML ne crée un paragraphe distinct c'est à dire qu'il s'agit de marquage de texte pur et simple.
Sont disponibles les repères HTML logiques suivants:
<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 la définition d'un concept".
<acronym>....</acronym>
formate un texte et signifie "ceci est une abréviation".
<q cite="http://www.xy.de/">....</q>
formate un texte et signifie "ceci est une citation de l'adresse URL citée".
|
|
Marquage de modification dans des documentsQuand 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.
<p>Aujourd'hui le standard HTML est le <del>3.2</del><ins>4.0</ins> |
Avec <del>...</del> vous marquez le texte qui n'est plus valable (del = delete = effacer). Avec <ins>...</ins> vous pouvez marquer du texte inséré récemment (ins = insert = insérer).
Pour un marquage encore plus précis deux autres attributs sont permis:
Avec l'attribut datetime= dans le repère d'ouverture de <ins>
ou de <del> vous pouvez garder trace de la date de modification.
Une commande comme <ins datetime="1998-06-25T10:59+01:00">
signifie: "inséré le 25.6.1998 à 10 h. 59" d'après la zone de
temps UTC plus 1 heure. les données d'heure et de zone sont facultatives
suffisent donc: <ins datetime="1998-06-25">. UTC
signifie "Coordinated Universal Time". Plus à ce sujet dans la notice
du W3 
Date and Time Formats.
Avec l'attribut cite= vous pouvez mentionner un fichier ou une adresse URL 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/REC-html40-971218"> 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).
L' Explorer Internet MS interprète ces commandes dans la version 4.x, Netscape pas encore dans la version 4.x.
|
|
Indication du sens de lecture Si vous utilisez HTML avec des langues qui ont un autre sens de lecture il se
peut, même si vous travaillez avec la codification Unicode,
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 le
sens de lecture de la langue est normalement automatiquement pris en
considération. Si par exemple vous notez les Unicodes pour un mot arabe de
gauche à droite, le logiciel devrait pourtant déchiffrer la chaîne de
caractères de façon à ce que la représentation se fasse bien de droite
à gauche, étant donné que c'est le sens de lecture en arabe. Si pour une
raison ou pour une autre cela ne fonctionnait pas vous pourriez y remédier
grâce à une commande HTML.
<bdo dir=rtl>؄ؒ؞</bdo> |
Dans l'exemple sont notés trois signes Unicode qui représentent des caractères arabes. Les trois signes sont incorporés dans les repères <bdo>...</bdo> (bdo = bidirectional overwrite = écraser la fonction bidirectionnelle ). Avec l'attribut dir= vous forcez un certain sens de lecture. Sont permises les mentions dir=ltr (ltr = left to right = gauche à droite) ou dir=rtl (rtl = right to left = droite à gauche).
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. Le repère HTML spécial <bdo>...</bdo>
est conçu pour des cas dans lesquels dir= dans d'autres
repères HTML provoque des problèmes, par exemple pour des repères imbriqués
deux ou plusieurs fois et qui contiennent des instructions contradictoires quant
au sens de lecture.
|
|
Autres possibilitésTous les repères décrits ici peuvent contenir des attributs universels.
Si vous connaissez HTML déjà un peu mieux essayez aussi les possibilités
que vous offrent les feuilles de style CSS.
Car c'est précisément pour les repères HTML logiques que les feuilles de
style sont le complément idéal. Ainsi vous pouvez marquer vos documents sur un
plan sémantique d'une part et décider d'autre part comment les passages
correspondants doivent être formatés. Tout d'abord il vous faut savoir comment définir des feuilles de style.
Ensuite vous serez en mesure d'utiliser les données des feuilles de style. Les
données des feuilles de style suivantes dont intéressantes pour les repères
HTML décrits ici:
Formatage
de police
Couleurs et images d'arrière plan
|
| |
après: |
Marquage physique de texte
|
avant: |
Texte
pré-formaté pour le texte source etc...
|
SELFHTML/Quickbar
HTML
Types de paragraphes et structure du texte
Serge François, 13405@free.fr
