Page 1 sur 1

Parser HTML 5 avec un Live DOM Viewer, très intéressant

Posté : 15 août 2008, 11:40
par Hywan
Hey :),

Henri Sivonen maintient le validateur de l'HTML 5 et s'amuse à ajouter des petites choses très sympa. Il s'amuse entre autre à faire un HTML 5 Live DOM Viewer. En gros, vous tapez votre code, un Javascript analyse ce que vous tapez et vous rend le DOM de la page (l'arbre), et vous fait un rendu en temps réel.
C'est super pratique quand vous voulez faire du SVG par exemple : rendez-vous sur la page du Live DOM Viewer puis commencez à taper

Code : Tout sélectionner

<svg><path d="M0,0h100v100"
et vous allez voir votre triangle se dessiner, très très pratique.

Je vous laisse découvrir, c'est assez bien fait.

J'ajouterai le lien vers le validator : validator.nu.

Posté : 15 août 2008, 11:58
par Sékiltoyai
Tiens, à propos du svg, le code peut se mettre directement dans la page html ou bien c'est nécessairement une balise img ?

Posté : 15 août 2008, 12:40
par Hywan
Avec l'HTML 5, SVG peut s'écrire dans de l'HTML, c'est pour ça que c'est tellement génial ;-). On peut aussi mettre un SVG dans une balise image (http://www.whatwg.org/specs/web-apps/cu ... k/#the-img).

En fait … euh je ne suis plus sûr :?. Avant, la balise <svg> n'existait pas en HTML 5 mais en XHTML 5. L'HTML 5 ne prenait pas d'espace de nom, alors que l'XHTML 5 était considéré comme du XML, donc c'était possible. Mais … ah niarf, je ne retrouve plus dans mes mails :P :D.
Dans le groupe de travail de l'HTML, il avait été demandé d'avoir le SVG et le MathML dans un document text/html (et pas seulement dans un document application/xhtml+xml) mais je ne retrouve plus la conclusion …

(ellipse temporelle très longue)

Ahhh voilà, j'ai retrouvé (c'est n'importe quoi ce message …). Le sujet a changé 3 fois de nom … Dernier message en date : 12 aout, il y a 3 jours, par Ian Hickson, et le premier message a été de Henri Sivonen le 9 mars, c'est dire si le sujet dure (et est important). Tu peux suivre la discussion à cette adresse : http://lists.w3.org/Archives/Public/pub ... l/2008Aug/.
Pour ma part, j'avoue ne pas avoir suivit cette discussion, j'étais plus sur les traductions internes au document :)