xml xsl css | webdevpro.net

Squelette xml

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="file.xsl" type="text/xsl"?>
<!-- le prologue -->

<root>
 <son>
  <caracteristique attribut="valeur">valeur caract</caracteristique>
 </son>
</root>

Squelette xsl

<?xml version="1.0" encoding="UTF-8"?>
<!-- le prologue -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 <xsl:output method="html" indent="yes"/>
 <xsl:strip-space elements="*" />

 <xsl:template match="XPath">
  <elem>
   <xsl:apply-templates select="XPath" mode="tpl"/>
  </elem>
 </xsl:template>

 <xsl:template match="XPath" mode="tpl">
  <sub_elem>
   <xsl:value-of select="XPath"/>
  </sub_elem>
 </xsl:template>

</xsl:stylesheet>

XML (eXtensible Markup Language) bien formé

Contenu d'un fichier xml	Exemple annoté
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE element-racine SYSTEM "ex-xml.dtd"> <?xml-stylesheet href="style.css" type="text/css"?> <!-- le prologue --> <element-racine> <element>information</element> <element-avec-enfant> <enfant>autre information nœud</enfant> </element-avec-enfant> <!-- un commentaire (peut être sur plusieurs lignes) --> <element-avec-attribut un-attribut="sa valeur"> information sur plusieurs lignes</element-avec-attribut> <element-vide attr="autre valeur"/> <element-non-analyse> <![CDATA[ element pouvant contenir des caractères interdits comme > < ]]> </element-non-analyse> </element-racine>

Contenu d'un fichier xml

Exemple annoté

Prologue ou Entête d'un document xml

La ligne de déclaration :

le fichier commence obligatoirement par une ligne de déclaration, encadrée par <?xml et ?>. Il est impératif que le fichier commence par une <?xml . Pas d'espace ou de ligne vide avant ces caractères.
la déclaration contient deux attributs :
- version : 1.0 (obligatoire)
- encoding : UTF-8 (optionnel)

Après la ligne de déclaration :

La déclaration de type de document, ou DTD (Document Type Definition). Parmi les types de bien connus, citons xHTML, RSS, XSLT, XML Schema, MathML et SVG. Les types de document spécifient la structure du document.
Instruction de traitement, qui sont entre <? ?>.

Corps d'un document xml

Le fichier doit contenir ensuite un élément, dit élément racine, unique. Cet élément est obligatoire.

Tous les éléments suivent les règles suivantes :

Tout élément peut être vide ou avoir du contenu ou des éléments enfants. S'il est vide, il est réduit à une balise ouvrante terminée par /> et non >.
Il peut avoir un nombre quelconque d'attributs, dont l'ordre n'est pas significatif.
Tous les attributs doivent avoir une valeur, entre doubles ou simples cotes
Les noms de balises et d'attributs sont sensibles à la casse
Il doit y avoir un espace au moins (blanc, tabulation, fin de ligne ou retour chariot) entre le nom de la balise et le nom du premier attribut et entre la valeur d'un attribut et le nom du suivant

Les noms de balises et d'attributs doivent respecter les conventions suivantes :

commencer par une lettre ou un souligné ("_")
continuer par des caractères valides : lettre ("a-zA-Z"), chiffre (0-9), deux points (":"), point ("."), moins ("-") ou souligné ("_"). Il est possible d'utiliser des caractères accentués mais il est fortement recommandé de se limiter aux caractères ASCII, disponibles sur tous les claviers du monde, qui évitent tous les problèmes d'encodage
ne pas commencer par "xml", "XML" ou toute variante de ces trois lettres (il s'agit d'un mot réservé)

Ne pas confondre :

Element racine : contient les éléments
Racine du document : contient prologue et élément racine

Caractères interdits comme valeur de balise ou attribut:

< à la place de <
> à la place de >
& à la place de &

Commentaire :

Suivent la syntaxe suivante : 
il ne peut pas y avoir de commentaire dans une valeur de balise ou d'attribut
un commentaire ne peut pas contenir -- à l'intérieur

Voici deux exemples qui sont des erreurs de syntaxe :

<element></element>

Scripts et Character DATA (CDATA) :

Si l'on veut écrire du script js, pouvant contenir des caractères interdits comme <, > ou &, dans un fichier xml, voici la méthode, avec CDATA, à suivre :

Documentation officielle présentant la norme :

XML Schema Part 2: Datatypes Second Edition - W3C Recommendation 28 October 2004

xPath

xml & css

xml & css :before :after content attr()

Liens intéressants

Script PHP

Instructions xsl

découpage en modèles

générer un template xsl:template

<xsl:template match="xPath">
 content
</xsl:template>

appeler un template xsl:apply-templates

<xsl:template match="xPath">
 content
 <xsl:apply-templates select="xPath"/>
</xsl:template>

<xsl:template match="xPath">
 sub_template
</xsl:template>

03.4.2-exemple-xsl=for-each--xsl=value-of--xsl=text.xml

03.6.1-exo-xml-to-html-xsl=template--xsl=apply-templates.xml

03.6.2-exo-xml-to-html-xsl=template--xsl=apply-templates.xml

appeler un template avec mode xsl:apply-templates

<xsl:template match="xPath">
 content
 <xsl:apply-templates select="xPath" mode="sommaire"/>
 <xsl:apply-templates select="xPath" mode="corps"/>
</xsl:template>

<xsl:template match="xPath" mode="sommaire">
sub_template format 1
</xsl:template>

<xsl:template match="xPath" mode="corps">
sub_template format 2
</xsl:template>

modèle de template xsl:call-template

<xsl:template match="xPath">
 <xsl:call-template name="gras"/>
</xsl:template>

<xsl:template name="gras">
 <b><xsl:value-of select="xPath"/></b>
</xsl:template>

dans le découpage

ajouter un élément xsl:element

<xsl:element name="">
</xsl:element>

03.7.1-exo-xml-to-xml-xsl=element--xsl=attribute.xml

ajouter un attribut xsl:attribute

<xsl:element name="">
 <xsl:attribute name="">
 </xsl:attribute>
 content
</xsl:element>

03.7.2-exo-xml-to-xml-xsl=element--xsl=attribute.xml

ajouter un ensemble d'attribut xsl:attribute-set

<xsl:element name="" use-attribute-set="lstattibut">
</xsl:element>

<xsl:attribute-set name="lstattibut">
 <xsl:attribute name="">
 </xsl:attribute>
 <xsl:attribute name="">
 </xsl:attribute>
 <xsl:attribute name="">
 </xsl:attribute>
</xsl:attribute-set>

échappement de chaîne de caractère xsl:text

<xsl:text>
</xsl:text>

récupérer valeur xsl:value-of

<xsl:value-of select="xPath"/>

boucle for-each xsl:for-each

<xsl:for-each select="xPath">
</xsl:for-each>

dans un for-each

condition xsl:if

<xsl:if text="expression xPath">
</xsl:if>

tri xsl:sort

<xsl:sort select="xPath" 
	order="ascending ou descending" 
	data-type="number ou text"/>

cas Bon de Cde