Éléments <zones> de mise en page: division en colonnes

Par défaut, lorsque l'élément <zones> n'est pas utilisé, l'information est affichée dans une seule colonne qui couvre l'entièreté de la page (en pleine largeur).

Vous pouvez opter pour une mise en page alternative, grâce à l'élément <zones>.

Celui-ci permet de diviser la page en deux colonnes ou en trois colonnes. La taille de ces colonnes va dépendre de la mise en page choisie, en général on utilisera une large colonne pour le texte principal et une ou deux petites colonnes, à placer à gauche ou à droite de la colonne principale, destinées à contenir des informations supplémentaires hors-texte (menus, images, citations...).

Par exemple, si vous voulez une petite colonne à gauche et une colonne principale à droite, il suffit d'utiliser cet élément <zones> avec un sous-élément <zone id="gauche">: tout ce qui se trouve dans cet élément <zone id="gauche"> ira dans une petite colonne hors-texte à gauche, le reste (titres, paragraphes, images...) ira dans la colonne principale (à droite de la petite colonne).

Si l'élément <zones> possède un élément <zone id="droite">, une petite colonne apparaît à droite de la colonne de texte normale.

Toute l'information contenue dans l'élément <zone id="droite"> est placée dans cette petite colonne.

<document>
   <page>
      ...
      <titre2>Colonne hors-texte à droite</titre2>  
      <zones>
         <zone id="droite">
            <titre3>hors texte</titre3>         
            <p>Cette petite...</p>
         </zone>
         <p>Si l'élément...</p>
         <p>Toute l'information...</p>
         ...
      </zones>
      ...
   </page>
</document>

Un élément <zone id="droite"> contient des éléments d'information dans une page (titres, paragraphes, images...).