Liste d'exemples
Note: pour que certains de ces exemples marchent, il a fallu déclarer un ou plusieurs espaces de noms bien précis:
- Gecko:
-
xmlns:html="http://www.w3.org/TR/REC-html40" mais pas
xmlns:html="http://www.w3.org/Profiles/XHTML-transitional" - IE5:
-
xmlns:html="http://www.w3.org/Profiles/XHTML-transitional" ou
xmlns:html="http://www.w3.org/TR/REC-html40"
http://www.w3.org/TR/WD-xsl
fichier XML | DTD/Schema | CSS/XSL | balises HTML | qualité du support | ||
---|---|---|---|---|---|---|
IE 5.5 |
Opera 5 |
Mozilla 0.8.1 |
||||
description | ||||||
Ex1.xml <article ...> |
CSS absente | aucune | I- T+ |
I- T~ |
I- T+ |
|
démo d'un document XML qui fait référence
à une feuille de style qui n'existe pas: le contenu est affiché
à la queue-leu-leu.
Pour l'image, site est un attribut et legende un sous-élément. |
||||||
Ex1NoCss.xml <article ...> |
aucune | + | o | o | ||
comme Ex1.xml, mais ne fait pas du tout référence à une feuille de style -> IE5 affiche l'arborescence XML | ||||||
Ex1bis.xml <article ...> |
Ex1.dtd | Ex1.css | aucune | I- T+ |
I- T~ |
I- T~ |
comme Ex1.xml, mais la feuille de style essaye d'afficher l'image à l'aide de content: url(attr(site)) et la DTD importe les entités de caractères de HTML (p.ex. é pour le é) | ||||||
Ex1d.xml <article ...> |
Ex1d.dtd | Ex1d.css | html:img | I+ T+ |
I+ T~ |
I+ T~ |
l'élément image contient un élément avec balise html:img pour afficher l'image. Dans DTD: <!ELEMENT image (img, (legende)?)> | ||||||
Ex1s2.xml <article ...> |
Ex1s2.xsd | Ex1ter.css | html:img | I+ T+ |
I+ T+ |
I+ T+ |
comme Ex1d.xml, mais définit la syntaxe dans un schéma plutôt qu'une DTD. Dans schéma: <xsd:element ref="html:img" minOccurs="1" /> | ||||||
Ex1ter.xml <article ...> |
Ex1ter.dtd | Ex1ter.css | html:img | I+ T+ |
I+ T~ |
I+ T~ |
comme Ex1d.xml, mais la DTD déclare l'élément image de façon différente. Dans DTD: <!ELEMENT image (#PCDATA | legende)*> | ||||||
Ex2.xml <article ...> |
CSS absente | I- To |
I- To |
I- To |
||
emploie beaucoup d'attributs au lieu d'éléments imbriqués | ||||||
Ex3.xml <article ...> |
Ex3.dtd | Ex3.css | html:img | - | L- I+ T+ |
L- I+ T+ |
tentative d'introduire des liens simples selon spec. XLink
avec un élément lien. La DTD déclare les attributs
XLink de lien avec des valeurs par défaut. Le document XML
ne contient donc pas les attributs xlink:type, xlink:actuate, xlink:show.
Dans DTD: <!ELEMENT auteur (#PCDATA | lien)*> et <!ELEMENT lien ANY> <!ATTLIST lien xlink:type (simple) #FIXED "simple" ...> Note: IE5 n'accepte pas xmlns:xlink="http://www.w3.org/1999/xlink" |
||||||
Ex3s1.xml <article ...> |
Ex3s1.xsd | Ex3.css | html:img | L- I+ T+ |
L- I+ T+ |
L- I+ T+ |
comme Ex3, mais utilise schéma au lieu de DTD. 2 types de liens: lien et lienphoto. Essaye là aussi d'utiliser des valeurs par défaut pour certains attributs xlink:... Le document XML ne contient donc pas les attributs xlink:type, xlink:actuate, xlink:show | ||||||
Ex4s1.xml <article ...> |
Ex4s1.xsd | Ex4.css | html:img | L- I+ T+ |
L- I+ T+ |
Lo I+ T+ |
similaire à Ex3s1.xml, mais met les attributs xlink:...
directement sur les éléments auteur et
html:img. Déclare un élément lien
pour pouvoir mettre un lien sur du texte qui ne constitue pas la totalité
d'un élément.Dans le document principal, déclare
explicitement tous les attributs xlink:... Avec Mozilla 0.8.1, les liens sur du texte fonctionnent, mais pas dans <img> |
||||||
Ex4s2.xml <article ...> |
Ex4s1.xsd | Ex4.css | html:img | L- I+ T+ |
L- I+ T+ |
L+ I+ T+ |
Comme Ex4s1.xml, mais imbrique la balise <html:img /> dans un élément lien. Note: Mozilla 0.8.1 n'arrive pas à utiliser les attribut link sur la balise html:img, mais ok si on imbrique la balise <html:img /> dans un élément lien. | ||||||
Ex4s3.xml <article ...> |
Ex4s1.xsd | Ex4.css | aucune | L- To |
L- To |
L- To |
comme Ex4s2, mais l'élément <texte> est remplacé par un élément lien avec xlink:show="embed", pointant vers un fichier XML contenant l'élément <texte> | ||||||
Ex4s4.xml <article ...> |
Ex4s1.xsd | Ex4.css | aucune | L- I- T+ |
L- I- T+ |
Lo I- T+ |
comme Ex4s2, mais l'élément <html:img/> est remplacé par un élément <lien> avec xlink:show="embed" | ||||||
Ex4o1.xml | Ex4s1.xsd | Ex4.css | html:img | L- I+ T+ |
L- I+ T+ |
L- I+ T+ |
Comme Ex4s1.xml, mais vielle syntaxe pour les attributs des liens (xml:link, href, show). | ||||||
Ex6.xml <listeCD> |
Ex6.css | aucune | T- | To | T+ | |
la feuille de style CSS utilise la propriété display: table. | ||||||
Ex7.xml <listeCD> |
Ex7.xsl | aucune | T- | T- | T- | |
comme Ex6.xml, mais utilise une feuille de style XSL(T) pour transformer les éléments XML en code HTML (lequel n'emploie pas de feuille de style). Emploie la forme abrégée prévue dans la spéc. W3C. Pour xmlns, utilise ce que dit la spéc: http://www.w3.org/1999/XSL/Transform | ||||||
Ex7b.xml <listeCD> |
Ex7b.xsl | aucune | T+ | T- | T- | |
comme Ex7.xml, mais utilise la forme non-abrégée et l'URL http://www.w3.org/TR/WD-xsl pour que IE5 traite correctement. | ||||||
Ex8.xml <article ...> |
Ex4s1.xsd | Ex8.xsl + Ex8.css |
html:img | Lo I+ T+ |
L- I+ T- |
Lo I- T- |
comme Ex4s1.xml, mais utilise XSLT (forme non-abrégée,
ancienne URL pour xmlns) pour transformation en HTML utilisant une feuille
de style CSS. Cet exemple comporte une image (img) et des liens simples
(xlink). IE5.5 et Mozilla 0.8.1 acceptent les liens XLink. Mozilla ne prend pas en compte les directives de style CSS (car la conversion XML->HTML par XSLT ne fonctionne pas). |
||||||
Ex8b.xml <article ...> |
Ex4s1.xsd | Ex8b.xsl + Ex8.css |
html:img | L+ I+ T+ |
L- I+ T- |
L+ I- T- |
comme Ex8.xml, mais imbrique la balise <html:img /> dans un élément lien. | ||||||
Ex9.xml <article ...> |
Ex9.xsd | Ex8b.xsl + Ex8.css |
html:img | Lo I+ T+ |
L- I+ T- |
Lo I- T- |
comme Ex8.xml, mais avec un lien étendu sur l'image. | ||||||
Ex10.xml <article ...> |
Ex9.xsd | Ex10.css | html:img | L- I+ T+ |
L- I+ T+ |
Lo I+ T+ |
comme Ex9.xml, mais utilise CSS |