<link href="/assets/64d0ba83aa42c90354ff97799bcfc0c2.css" type="text/css" rel="stylesheet"> <script src="/assets/6fd6663d5303bb7eda3ef7493fc29db6.js"></script> <script> $(document).ready(function() { anchors.options = { visible: 'hover', placement: 'right', truncate: 64 }; anchors.add('#body h2, #body h3, #body h4, #body h5'); }); </script> <script> hljs.initHighlightingOnLoad(); </script>

<h3>Mettre au point un feuille de style</h3> <p>Voici quelques conseils pour mettre au point une feuille de style bien écrite (c-à-d facilement lisible, facilement modifiable, etc) :</p> <ul> <li>Le plus souvent, vous aurez besoin d’une <em>template</em> pour l‘élément racine.</li> <li>Ensuite essayer d‘établir une correspondance entre les éléments du document d’entrée et les fragments du document de sortie.</li> <li>Codez l‘écriture de ces fragments dans des templates séparées.</li> <li>Évitez les &lt;xsl:for-each&gt; : préférez les &lt;xsl:apply-templates&gt;</li> <li>Lors de l‘écriture d’une <em>template</em> réfléchissez toujours au <em>contexte local</em> (Où est-on, dans quel noeud dans l’arbre d’entrée ?)</li> <li>Pour comprendre ce qui se passe, utilisez des &lt;xsl:message&gt; et regardez les sorties sur la console.</li> <li>Construisez votre feuille de style pas-à-pas, en l'essayant à chaque étape : les erreurs seront plus faciles à trouver.</li> </ul>