Langages à balises : Markup Languages

SGML = Standard Generalized Markup Language
HTML = Hyper Text Markup Language
XML = eXtensible Markup Language

Jean-François Perrot

I. But poursuivi par ces langages :

imposer une structure à un texte, et manipuler cette structure en tant que telle.

Cas de SGML : instrument conçu en vue de l'édition systématique de documentations techniques.
Cas de HTML : structurer un texte et l'afficher conformément à cette structure dans la fenêtre d'un navigateur.
Cas de XML : définir une structure où le rôle du texte se réduit à celui de contenu terminal,
indépendamment de tout affichage.

II. Origine et sens de l'évolution

Markup = à l'origine indications typographiques
c'est-à-dire jeu de signes utilisé dans un texte manuscrit pour indiquer aux typographes comment il fallait le composer
[paragraphes, choix de caractères (police, taille, graisse, inclinaison), etc.]
Avec l'informatisation de l'imprimerie, système de codes insérés dans le texte pour piloter le traitement
(mise en forme, indexation, impression).
Généralisation : moyen de rendre explicite l'interprétation d'un texte
lire l'excellente formulation que donne A Gentle Introduction to SGML http://www.isgmlug.org/sgmlhelp/g-sg.htm
À présent : moyen d'exprimer une structure (arborescente),
le texte sous-jacent passe au second plan (introduction d'éléments non-textuels comme des images)
cette structure doit servir de base à toute espèce de traitement informatique,
p. ex. génération automatique de la table des matières.

III. Exemple

Voici le texte d'une chansonnette du bon vieux temps :

Il me dit : Aglaé ! Mon nom est Ernestine Monsieur !
Il me dit : Aglaé, ya pas d'dout' faut nous marier !

Nous savons (implicitement) que c'est Ernestine qui parle
et qui rapporte un dialogue qu'elle a eu avec son soupirant.

Comment traduire cette information en vue d'un traitement automatique ?

Essai en (pseudo-)SGML

<dialogue>
	<elle_dit> Il me dit :
		  <il_a_dit>Aglaé ! </il_a_dit>
		  <elle_a_dit> Mon nom est Ernestine Monsieur ! </elle_a_dit>
	</elle_dit>
	<elle_dit> Il me dit :
		  <il_a_dit> Aglaé, ya pas d'dout' faut nous marier ! </il_a_dit>
	</elle_dit>
</dialogue>

Essai en HTML

<html>
	<head> <title> Chanson d'Ernestine </title> <head>
	<body>
		<p>Il me dit : <i> Agla&eacute; ! </i> <br>
			<b> Mon nom est Ernestine Monsieur ! </b>
		</p>
		<p> Il me dit : <i> Agla&eacute;, ya pas d'dout'
 		faut nous marier ! </i>
		</p>
	</body>
</html>

Interprétation du fichier HTML par le navigateur :

Essai en XML

<?xml version="1.0"?> 
<dialogue>
   <propos locuteur="Elle">
	<contenu>
	   <propos locuteur="Lui">
		<contenu>
		   <texte>Aglae' !</texte>
		</contenu>
	   </propos>
           <propos locuteur="Elle">
		<contenu>
		   <texte> Mon  nom est Ernestine Monsieur !</texte>
		</contenu>
	   </propos>
	</contenu>
    </propos>
    <propos locuteur="Elle">
	<contenu>
	   <propos locuteur="Lui">
		<contenu>
		   <texte>Aglae', ya pas d'dout' faut nous marier !</texte>
		</contenu>
	   </propos>
	</contenu>
    </propos>
</dialogue>

L'arbre vu par le navigateur :

IV. Thèse : primauté de la structure

L'évolution de SGML vers XML en passant par HTML vise à réduire le rôle du texte, qui au départ était essentiel,
à un produit de l'interprétation de la structure.
On va d'une structure ajoutée à un texte (les indications typographiques d'autrefois) à un texte engendré par la structure.

Sans aller jusque là, voyons ce que donne la technique standard d'ajourd'hui (avril 2007) pour notre chansonnette :
elle nous dit de

partir d'une structure en XML définie (par exemple) par une DTD
définir diverses transformations sur la base de cette structure,
et tout d'abord une transformation XSLT propre à retrouver la visualisation HTML précédemment proposée !

Essai de DTD (fichier dialogue.dtd)

<?xml version="1.0"?>
<!ELEMENT dialogue (propos*)>
<!ELEMENT propos (contenu)>
<!ATTLIST propos locuteur (Lui|Elle) #REQUIRED>
<!ELEMENT contenu (texte|propos)>
<!ELEMENT texte (#PCDATA)>

Le code commenté d'une transformation XSLT possible :
(fichier dialogue.xsl)

<?xml version='1.0'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version='1.0'>
<xsl:output method="html" encoding="utf-8" />

<!--=========== à la racine, on engendre un cadre HTML minimal =========== -->

<xsl:template match="/">
   <html><head><title>Chanson d'Ernestine</title></head>
      <body> 
   	  <xsl:apply-templates/>
      </body>
   </html>
</xsl:template>

<!-- chaque élément "propos" sera mis dans un paragraphe HTML (balise <p>) -->

<xsl:template match="dialogue/propos">
  <xsl:element name="p">
      <xsl:apply-templates/>
  </xsl:element>
</xsl:template>

<!--===== Le texte proféré par "Elle" sera mis en gras (balise <b>) =====-->

<xsl:template match="propos[@locuteur='Elle']/contenu/texte">
   <xsl:element name="b">
       <xsl:apply-templates/>
   </xsl:element>
</xsl:template>

<!--==== Le texte proféré par "Lui" sera mis en italiques (balise <i>) ====-->

<xsl:template match="propos[@locuteur='Lui']/contenu/texte">
   <xsl:element name="i">
       <xsl:apply-templates/>
   </xsl:element>
</xsl:template>

<!-- Si le contenu d'un propos tenu par "Elle" est lui-même un (sous-)propos
     alors ce sous-propos sera précédé par "Il me dit" ou par "Je lui dis" 
     selon l'identité du locuteur de ce sous-propos.
     En outre, s'il ne s'agit pas du premier sous-propos, 
     il sera précédé d'un saut de ligne ==================================-->
     
<xsl:template match="propos[@locuteur='Elle']/contenu/propos">

   <xsl:if test="position()>1">
       <br />
   </xsl:if>

   <xsl:choose>
      <xsl:when test="@locuteur='Lui'">
        Il me dit : 
        <xsl:apply-templates/>
      </xsl:when>
      <xsl:when test="@locuteur='Elle'">
        Je lui dis : 
        <xsl:apply-templates/>
      </xsl:when>
   </xsl:choose>

</xsl:template>

<!--=== Symétriquement pour les sous-propos d'un propos tenu par "Lui" ===-->

<xsl:template match="propos[@locuteur='Lui']/contenu/propos">
   
  <xsl:if test="position()>1">
      <br />
  </xsl:if>

  <xsl:choose>
      <xsl:when test="@locuteur='Lui'">
         Je lui dis : 
         <xsl:apply-templates/>
      </xsl:when>
      <xsl:when test="@locuteur='Elle'"> 
          Elle me dit : 
          <xsl:apply-templates/>
      </xsl:when>
    </xsl:choose>

</xsl:template>

<!--========================= Et voila tout ! ==========================-->
</xsl:stylesheet>