XHTML + SVG : comment valider l'ensemble ?

**VforVincent** · 07/06/2011, 14h34

Bonjour,

Je travaille actuellement sur l'inclusion de SVG (créé dans Illustrator) dans une ossature XHTML.

Tout est ok, nickel. Seulement, .... je me demande si ce code est "validable". Je m'explique :

- Je n'associe pas de DTD ;
- j'ai mon éditeur XML qui me dit que "svg" et "text" ne sont pas déclaré :

E [Xerces] Element type "text" must be declared.

Je soumet donc un exemple de code à l'assemblée de developpez (ça rime), et j'écoute toutes vos suggestions !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="viewport" content="width=483.543px, height=483.543px" />
        <title></title>
        <link href="../Styles/style.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <div class="text"
            ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" width="483.543px" height="483.543px" viewBox="0 0 483.543 483.543" style="enable-background:new 0 0 483.543 483.543;" xml:space="preserve" preserveAspectRatio="xMidYMid meet" zoomAndPan="magnify" contentScriptType="text/ecmascript" contentStyleType="text/css"><text transform="matrix(1 0 0 1.1111 179.4961 198.6113)" style="font-family:'Garamond-LightItalic'; font-size:16.2;">Lorsque le bonheur </text><text transform="matrix(1 0 0 1.1111 189.5322 218.6108)" style="font-family:'Garamond-LightItalic'; font-size:16.2;">vous fait signe...</text><text transform="matrix(1 0 0 1.1111 213.0688 238.6108)" style="font-family:'Garamond-LightItalic'; font-size:16.2;">Suivez-le</text></svg></div>
    </body>
</html>

Vous pouvez critiquer aussi les attributs ou autre, ça ne me fera pas de mal

**polymorphisme** · 07/06/2011, 19h02

Bonjour,

il faut déclarer ton espace de noms svg (comme tu l'as fait pour xlink) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:svg="http://www.w3.org/2000/svg">

**VforVincent** · 07/06/2011, 20h51

Ok. Et c'est suffisant ?! Je veux dire, le fait qu'il n'y ait pas de DTD n'est pas une chose rédhibitoire ?

**thelvin** · 08/06/2011, 10h26

En principe, pas de Doctype ça veut dire "afficher en mode quirks" au lieu du mode standard, avec les navigateurs. Ça peut être un problème pour styliser la page correctement.

Mais bon, <!DOCTYPE html> sans indiquer de DTD devrait suffire à régler le problème. C'est la recommandation HTML5, après tout.
Ce n'est pas rédhibitoire. Le document n'indique pas quel schéma peut le valider, donc les programmes qui le lisent, à moins d'avoir reçu l'info par un autre moyen, ne peuvent pas le valider et n'essaient pas de le faire.

Donc si une erreur devait être due au fait que le document est invalide, tu ne profiteras donc pas du mécanisme de validation qui t'aurais tenu au courant de ça. Tant pis, non ? Personnellement, je trouve que quand on est habitué au format utilisé, ces histoires de validation sont très surfaites.

**VforVincent** · 08/06/2011, 15h28

Je suis d'accord avec toi. A ce niveau-là, la DTD ne m'aurait servi à rien. Mais si la présence d'une DTD est imposé par le W3C (même si techniquement on peut s'en passer), je préférais le savoir, et l'ajouter.

Si j'ai le choix, dans le cas-présent, je n'ajoute rien.

Par contre, je n'ai pas trop saisi la recommandation HTML5 : cela s'applique aussi au XHTML ?

**thelvin** · 08/06/2011, 16h18

Envoyé par VforVincent

Je suis d'accord avec toi. A ce niveau-là, la DTD ne m'aurait servi à rien. Mais si la présence d'une DTD est imposé par le W3C (même si techniquement on peut s'en passer), je préférais le savoir, et l'ajouter.

Le W3C n'autorise l'ajout de SVG à HTML qu'à travers un profile de XHTML 1.1, tel que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

"-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"

C'est assez contraignant en pratique, raison pour laquelle je conseillerais plutôt de rester valide sur ce qu'on peut, pour respecter l'usage et la communication, et de faire ce que les navigateurs acceptent sur le reste.

Envoyé par VforVincent

Par contre, je n'ai pas trop saisi la recommandation HTML5 : cela s'applique aussi au XHTML ?

Disons que HTML5 pouvant être utilisé sous forme HTML ou sous forme XML, il peut être considéré comme un nouvel XHTML. Mais les questions de pure validité et de ce qui est HTML ou XHTML, sont en réalité très complexe, pour pas grand-chose.

XHTML + SVG : comment valider l'ensemble ?

XML/XSL et SOAP

Vue hybride

Discussions similaires

Partager

Partager