Comment utiliser SVG avec HTML

Cet exemple reprend l'infographie créer à la suite de Paris Web 2011 et en fait un document SVG plutôt qu'une simple image PNG.

PARIS WEB ÉDITION 2011, EN CHIFFRE ET EN COULEURS LES CONFÉRENCES 1 LES THÈMES MÉTIER ACCESSIBILITÉ HTML5 MOBILE KISS UX STANDARDS ERGONOMIE TYPOGRAPHIE DESIGN TECHNOLOGIE NAVIGATEURS CSS3 INTÉGRATION INTEROPÉRABILITÉ FLASH SEO ARCHIVAGE PROTOTYPAGE QUALITÉ SVG 2 LES TYPES DE CONFÉRENCES 24 CONFÉRENCES 8 MINI CONFÉRENCES 10 LIGHTNING TALKS 20 ATELIERS 4 CONFÉRENCES ATELIERS 3 LES LANGUES 8 EN ANGLAIS 34 EN FRANCAIS CONFÉRENCES MINI-CONFÉRENCES ET LIGHTNING TALKS 2 EN ANGLAIS 22 EN FRANCAIS ATELIERS ET CONFÉRENCES-ATELIERS 4 LES AUDITEURS 650 SUR PLACE 23% FEMMES 77% HOMMES + JUSQU'À 300 EN STREAMING L'ORGANISATION 5 L'ÉQUIPE AU COMPLET ORATEURS 58 CAPTATION VIDÉO 17 PHOTOGRAPHES 2 STAFF 16 IBM FORUM 8 LSF 9 TRAITEUR 8 VÉLOTYPIE 2 6 LE STAFF 4 TALKIE- WALKIES 4 RÉUNIONS PRÉSENTIELLES 24 RÉUNIONS SKYPE / IRC 5 200 E-MAILS ÉCHANGÉS 5 FEMMES 11 HOMMES DONT UN STAFFEUR DE DERNIÈRE MINUTE L'ÉVÈNEMENT 7 LES CHIFFRES 4 INSTANTS DE CONVIVIALITÉ POUR ÉCHANGER ET DISCUTER Petits-déj, pauses café, repas, apéritif 5 SPONSORS PREMIUMS Clever Age, iStockphoto af83, viadeo, IBM 2 JOURS DE CONFÉRENCES 1 JOURNÉED'ATELIERS 1 APÉRITIF COMMUNAUTAIRE 600 SACS DEGOODIES PLUS DE 1 000 PHOTOS PARTAGÉES SUR FLICKR 191 PARTICIPANTSA L'APÉRITIF 8 L'ACCESSIBILITÉ 300 000 CARACTÈRES SOUS-TITRÉS EN 2 JOURS SOIT L'ÉQUIVALENT DE 2 142,85 MESSAGES SUR TWITTER 9 INTERPRÈTES LSF 15 PROGRAMMES EN BRAILLE 43 DÉFINITIONS DANS LE GLOSSAIRE 9 LES PROVENANCES DES ORATEURS www.paris-web.fr