ALL HTML - Thèmes - SVG : Entête et premières balises

Focus - 20 Août 2008
Devenez "membre" de ALL HTML et faites partie d'une vraie communauté de passionnés et/ou de professionnels du développement sur Internet.
L'accès membre est gratuit et vous permet d'accéder à des fonctionnalités complémentaires :
- accéder à l'annuaire des 44 000 membres,
- poster des messages dans les forums,
- utiliser la messagerie interne,
- bénéficier d'offres négociées...).
Alors n'attendez-plus!

Inscrivez-vous dès à présent !

SVG

Entête et premières balises 1. Entête d'un fichier SVG Le SVG est un fichier de type XML, pour cela vous devez toujours commencer votre fichier SVG par une balise déclarant la version du XML utilisé. <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?> Note : Attention vous devez respecter l'ordre suivant : Version, codage et existence de déclarations extérieures au document (facultatif). Si l'attribut standalone a comme valeur "yes", alors le processeur considère que toutes les déclarations nécéssaires au document y sont incluses. Dans un deuxième temps, vous devez declarer le type du document. Ici on doit faire référence à la dtd normalisé par la W3C. Voici le lien vers la dtd datant du 04 septembre 2001 : <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> Enfin, vous pouvez ouvrir votre balise SVG (l'élément racine). Elle se compose : - d'une balise ouvrante - d'un contenu d'élément - d'une balise fermante Exemple d'une balise d'ouverture <svg id="test" width="800" height="600" viewBox="0 0 1024 768"> Cette balise sera interprété de la façon suivante : La taille de l'image sera en 800 par 600 et la visualisation des objets s'effectuera sur un référentiel en 1024 par 768. Comme pour tous documents HTML ou XML, on peut insérer des commentaires de type : <!-- Commentaires ici --> Remarques importantes - Le langage SVG est interprété en pas a pas - Chaque objet se comporte dans la zone d'affichage comme un calque Ces 2 remarques ont pour conséquence la propriété suivante : si l'on édite un objet 1 avant un objet 2 et que l'objet 2 se superpose à l'objet 1 alors l'objet 2 masquera l'objet 1. 2. Présentation des balises les plus courantes a) Balises title et desc Ces balises ne sont pas visible a partir du graphique. Elles sont utilisées pour donner un titre et des descriptions au graphique. En effet en leur attribuant un Id et a l'aide d'un script, on peut récupérer les informations contenues dans leur balise. Elles sont constituées d'une balise ouvrante et d'une balise fermante. b) Balise defs Cette balise permet de définir et de classer des fonctions objets. Elle est constituée d'une balise ouvrante et d'une balise fermante. c) Balise g Cette balise defini un groupement d'objet. Les attributs ainsi que les propriétés qui lui seront attribués seront à repercuter sur l'ensemble des objets du groupe. Elle est constituée d'une balise ouvrante et d'une balise fermante.

Recommander ALL HTML
Si vous appréciez ce site,
n'hésitez pas à le faire
découvrir à vos ami(e)s...

Cliquez ici