Le SVG peut remplacer le HTML

Pour ceux qui l'ignorent le HTML est le langage utilisé par la très grande majorité des pages écrites sur Internet. Le SVG peut donc entraîner des changements, voir des bouleversements non seulement sur Internet mais aussi dans l'utilisation des outils présents sur votre ordinateur...

Comme pour le HTML la référence au niveau de la norme SVG est le site w3.org. La langue utilisée sur ce site est l'anglais mais vous avez une traduction de la norme SVG à : http://www.yoyodesign.org/doc/w3c/svg1/index.html

Pour montrer les possibilités du SVG vous pouvez consulter la page http://expositions.bnf.fr/bd/info/index2.htm sur le site de la Bibliothèque Nationale de France. Vous aurez ainsi accès à l' Exposition virtuelle en SVG intitulée Maîtres de la BD européenne.

Le SVG a beaucoup plus de possibilités que le HTML. En voici quelques-unes :

-Avec SVG il est possible de créer ses propres polices de caractères. Vous pouvez ainsi vous passer des polices propres à un système d'exploitation ou à un logiciel. Tous les internautes peuvent ainsi voir les pages créées avec SVG d'une manière identique ce qui n'est pas le cas avec HTML.

-Il peut remplacer Flash de Macromedia. Il est déjà possible de trouver des jeux en SVG : (http://www.orvinfait.fr/svg/jeux.html) Flash est la propriété d'une seule entreprise alors que SVG est une norme. (Vous pouvez voir l'intérêt d'utiliser une norme en consultant : http://www.w3.org/QA/2002/07/WebAgency-Requirements.html.fr )

-Il peut permettre de gérer des cartes géographiques voir http://www.carto.net/papers/svg/index_f.shtml

-D'une manière générale il est capable de gérer les dessins vectoriels en 2D. Cela peut être aussi bien de la bande dessinée que du dessin technique.

-Il est un langage hôte pour le langage d'animation SMIL . (http://www.yoyodesign.org/doc/w3c/smil-animation/index.html) De plus avec Javascript il est également possible de réaliser des animations. De ces possibilités il en résulte qu'il est capable de gérer de véritables dessins animés et toutes sortes de présentations animées.

-Il gère les photos. Il peut leur attribuer diverses propriétés et animer ces propriétés. Vous pouvez ainsi faire une animation à partir d'un album photo familial.

-Des photos ou des parties de photos peuvent servir de motifs pour couvrir une forme quelconque. Ces éléments peuvent être composés avec des textes ou des dessins pour créer des motifs. Comme la plupart des éléments SVG les motifs peuvent être animés.

-Il gère les sons et les vidéos.

-Les noms de pages en html peuvent avoir comme extension html. De même les noms pages en SVG peuvent avoir svg ou svgz. svgz indique que la page est compressée. Cela permet de gagner en temps de chargement pour les internautes et de réduire le volume d'informations à fournir par le serveur qui héberge des pages ainsi compressées. (SVG peut aussi être intégré dans une page HTML)

Comme avec le HTML il est possible de réaliser une page en SVG en tapant le code dans un traitement de texte. Pour réaliser des SVG il est aussi possible d'utiliser des logiciels comme http://www.orvinfait.fr/svg/svg.html pour ne pas avoir à taper de code et réaliser des dessins facilement. Le logiciel cité étant en ligne, il permet aux internautes d'essayer gratuitement les possibilités du SVG.

De grandes marques de logiciels ont intégré SVG dans leurs produits. Il en est ainsi, par exemple, d'Adobe d' Autodesk et de Corel .

Bien que la première recommandation ait été validée en 2001 le SVG n'a pas encore envahit Internet même s'il y ait de plus en plus présent. Il n'a pas encore détrôné le langage Flash de Macromedia en matière d'animation comme certains l'espéraient. Cela n'est pas sans raisons.

Il faut un certain temps avant que des outils permettant une utilisation facile des formidables possibilités du SVG apparaissent. Il faut également du temps avant qu'une majorité d'internautes connaissent une nouvelle technique.

Il est aussi des raisons propres à la norme SVG. Avec la norme en vigueur il n'est pas facile de gérer la disposition d'un texte en paragraphes. Ce ne sera plus le cas avec la version 1.2 . (http://www.w3.org/TR/SVG12/ en anglais. Cette recommandation n'est pas encore validée)

Avec la version 1.2 les textes pourront être placés facilement dans n'importe quelle forme. Ils pourront être paginés. L'impression de ces pages sera gérée. Les animations pourront charger les informations qu'elles ont besoin au fur et à mesure qu'elles en auront besoin.

Le W3C a réalisé une présentation de SVG incluant certaines des nouvelles possibilités de ce langage. ( http://www.w3.org/Consortium/Offices/Presentations/SVG/ 216 pages de présentation en anglais mais il y a beaucoup de dessins et il y a des animations)

SVG et Javascript

Une page en SVG offre beaucoup plus de possibilités d'actions sur les éléments qui la composent qu'une page en HTML. Il y a bien sûr le langage SMIL qui permet de réaliser des animations simplement. Cependant Javascript va apporter encore plus de possibilités. Avec SVG, SMIL et Javascript peuvent être utilisés ensembles pour réaliser des animations. Il est aussi possible de réaliser des animations en n'utilisant que Javascript ou que SMIL.

Quelques précisions sur Javascript

J'utilise le terme Javascript car c'est celui qui est couramment utilisé à tord nous allons le voir. Je devrais utiliser le terme d' Ecmascript . JavaScript est un langage introduit par Netscape en 1995. C'est ce langage qui a servi de base pour créer la norme Ecmascript. Microsoft a pris le train en marche et a créé un navigateur capable de lire du Javascript mais cette société a apporté quelques fonctions supplémentaires. Elle a appelé son langage Jscript. Comme aujourd'hui le navigateur Internet Explorer est majoritairement utilisé (ce qui n'était pas le cas autrefois), de nombreux programmeurs utilisent des fonctions spécifiques à Microsoft pour écrire des scripts. En fait ces scripts ne sont pas du Javascript mais du Jscript.

Si vous souhaitez publier cet article sur Internet ou ailleurs :

(ou vous inspirer de cet article)

Vous pouvez reprendre cet article pour le publier sur Internet ou ailleurs. Je vous demande d'y laisser un lien vers ce site ou de parlez de notre site si vous publiez cet article sur papier. En dehors de cela vous pouvez changer des phrases y ajouter vos propres commentaires. Si vous changez une partie du texte vous pouvez mettre votre nom en tant qu'auteur à la place du mien. Vous pouvez également permettre la recopie de votre texte à condition qu'un lien soit mis vers votre site. (Vous avez bien lu votre site et non pas le nôtre cela n'est pas une erreur. Cela vous permettra d'augmenter le nombre de visiteurs de votre site. Ceux qui auront vraiment envie d'utiliser SVG viendront sur notre site par le lien que vous aurez mis sur votre site.)

Serge Cheminade

Gérant de la SARL ORVINFAIT

Quelques-unes de nos pages sur le SVG

Menu de l'aide pour le logiciel de création de SVG.

Les formidables possibilités du format SVG.

Jeux en SVG.