Skip to content

Les balises typographiques

Structurer le texte

Comment garantir qu'un document est bien mis en forme ? Pour faire respecter les règles typographiques par un logiciel d'édition (Word, Writer, LaTeX, etc.), son auteur·ice doit se préoccuper de la structuration du document. La méthode commune utilisée par tous les logiciels, c'est l'utilisation des balises typographiques.

Cette page vise à expliciter le lien entre balisage et mise en forme, et à vous convaincre qu'il est utile de s'en préoccuper.

À l'origine, le texte brut

Le texte brut — Plain text

Le texte brut (en anglais plain text), c'est le texte que nous saisissons au clavier, visualisé à l'écran si besoin mais sans mise en forme (comme dans un bloc note). Le sens de ce qu'on écrit est dans le texte brut (dans une langue donnée). Le texte brut c'est ce que l'on dit, c'est le fond : on parle de logigue WYSIWYM (What You See Is What You Mean).

Le texte brut présente plusieurs avantages : interopérapibilité (partage, libre accès), la pérennisation.

Au moment où l'on écrit un texte numérique, on écrit avant tout du texte brut. Peut-être le logiciel que vous utilisez met en forme le texte au moment ou vous l'écrivez, mais au final c'est vous qui allez avoir le dernier mot. Pour cela il va falloir baliser le texte.

Focus sur l'encodage du texte

Le texte brut que l'on saisit est encodé : les caractères sont codés sur plusieurs bits, avec un encodage. Il existe plusieurs normes d'encodage, par exemple ASCII ou UTF-8, ce dernier étant utilisé par plus de 90% des pages web. L'existence de plusieurs normes explique que parfois un caractère tapé dans un norme autre que la votre s'affiche mal sur votre ordinateur. Certains logiciels permettent de convertir facilement l'encodage du fichier (NotePad++, VSCode, etc.).

À quoi ressemblent les balises ?

Les langages et logiciels de mise en forme de texte utilisent TOUS des balises.

Même Word... oui, oui."

Les balises dans les languages de mise en forme

Des exemples de balises dans différents languages

  • les balises \begin{document} et \end{document} délimitent le contenu du document
  • la balise \section{} crée un titre de section (titre de niveau 1)
  • la balise \\ marque un retour à la ligne.

rem : tout le web est balisé par du HTML

  • les balises <h1></h1> délimitent un titre de niveau 1
  • les balises <p></p> délimitent un paragraphe

un language de balisage léger

  • la balise # annonce un titre de niveau 1
  • la balise ## annonce un titre de niveau 2
  • la balise *mot* permet de mettre un mot en italique

Le fichier texte contient les balises, mais il faudra d'autres fichiers pour effectuer le rendu à l'écran. Pas exemple les fichiers *.css sont là pour mettre en forme les fichier *.html.

Les balises dans les logiciels WYSIWYG

Les logiciels WYSIWYG (Word, Writer) aussi utilisent des balises, mais elles vous sont cachées. Elles sont pourtant bien là, écrites en XML.

Trouvons les balises dans un document Word
  • ouvrir un fichier Word
  • écrire une phrase "Voici un document texte."
  • enregistrer le fichier monfichier.docx
  • depuis le dossier où se trouve le fichier, renommer le fichier en monfichier.zip
  • décompresser le fichier zip

On obtient un dossier à l'intérieur duquel se trouvent des fichiers XML :

.
├── document.xml
├── fontTable.xml
├── _rels
│   └── document.xml.rels
├── settings.xml
└── styles.xml

Dans le fichier document.xml on trouve le code suivant :

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<w:document xmlns:wpc="http://schemas.microsoft.com/office/word/2010/wordprocessingCanvas" xmlns:cx="http://schemas.microsoft.com/office/drawing/2014/chartex" xmlns:cx1="http://schemas.microsoft.com/office/drawing/2015/9/8/chartex" xmlns:cx2="http://schemas.microsoft.com/office/drawing/2015/10/21/chartex" xmlns:cx3="http://schemas.microsoft.com/office/drawing/2016/5/9/chartex" xmlns:cx4="http://schemas.microsoft.com/office/drawing/2016/5/10/chartex" xmlns:cx5="http://schemas.microsoft.com/office/drawing/2016/5/11/chartex" xmlns:cx6="http://schemas.microsoft.com/office/drawing/2016/5/12/chartex" xmlns:cx7="http://schemas.microsoft.com/office/drawing/2016/5/13/chartex" xmlns:cx8="http://schemas.microsoft.com/office/drawing/2016/5/14/chartex" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:aink="http://schemas.microsoft.com/office/drawing/2016/ink" xmlns:am3d="http://schemas.microsoft.com/office/drawing/2017/model3d" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:wp14="http://schemas.microsoft.com/office/word/2010/wordprocessingDrawing" xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing" xmlns:w10="urn:schemas-microsoft-com:office:word" xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" xmlns:w14="http://schemas.microsoft.com/office/word/2010/wordml" xmlns:w15="http://schemas.microsoft.com/office/word/2012/wordml" xmlns:w16cid="http://schemas.microsoft.com/office/word/2016/wordml/cid" xmlns:w16se="http://schemas.microsoft.com/office/word/2015/wordml/symex" xmlns:wpg="http://schemas.microsoft.com/office/word/2010/wordprocessingGroup" xmlns:wpi="http://schemas.microsoft.com/office/word/2010/wordprocessingInk" xmlns:wne="http://schemas.microsoft.com/office/word/2006/wordml" xmlns:wps="http://schemas.microsoft.com/office/word/2010/wordprocessingShape" mc:Ignorable="w14 w15 w16se w16cid wp14"><w:body><w:p w:rsidR="005D6708" w:rsidRPr="00937C49" w:rsidRDefault="00937C49" w:rsidP="00937C49"><w:r w:rsidRPr="00937C49"><w:t>Voici un document texte.</w:t></w:r><w:bookmarkStart w:id="0" w:name="_GoBack"/><w:bookmarkEnd w:id="0"/></w:p><w:sectPr w:rsidR="005D6708" w:rsidRPr="00937C49"><w:pgSz w:w="11906" w:h="16838"/><w:pgMar w:top="1417" w:right="1417" w:bottom="1417" w:left="1417" w:header="708" w:footer="708" w:gutter="0"/><w:cols w:space="708"/><w:docGrid w:linePitch="360"/></w:sectPr></w:body></w:document>

On y retrouve l'encodage du fichier (UTF-8), on y retrouve notre texte à l'intérieur d'une balise <w:t>Voici un document texte.</w:t>.

En pratique nous n'allons pas modifier les balises à la main dans le fichier texte brut, mais nous utilisons les Styles. Désigner un bloc de texte comme appartenant à un style, c'est lui associer une balise qui va permettre sa mise en forme.

Les balises dans les traitements de texte

Dans les logiciels de bureautique on applique les balises typographiques en utilisant la souris, via les styles.

Utilité des balises pour la mise en page

Les balises permettent donc de donner une fonction à une portion de texte. Ceci est un titre, ceci est un paragraphe. Comme ces éléments sont appelés à se reproduire dans le document, il est important que tous les éléments correspondants soient bien associés à ces fonctions. Cela va garantir une rigueur graphique. Tous les titres de même niveau seront mis en forme de la même manière. Cela a l'air anodin, mais c'est la régularité graphique qui va améliorer l'apparence de vos documents. Cela aide enfin à structurer ses idées : on peut notamment se poser la question "Où commence et où termine ce paragraphe ?".

À retenir

Utilisez les balises / styles

Que vous utilisiez un logiciel WYSIWYG ou que vous tapiez du texte brut, utilisez les balises (ou les styles), pensez structuration du texte.