DOM vs namespace pour implémenter HTML5 sur IE6, IE7, Firefox2, Camino, etc.

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

DOM vs namespace pour implémenter HTML5 sur IE6, IE7, Firefox2, Camino, etc.

Sur webdevfr, les discussions vont bon train sur HTML5 : Yves Van Goethem soumet à notre attention deux méthodes disponibles aujourd’hui pour pallier les insuffisances des anciens navigateurs (Firefox 2) ou des mauvais élèves du W3C (IE6, IE7) :

DOM vs Namespace html:

  1. Le DOM pour créer from scratch ex nihilo les balises manquantes. Cette méthode préconisée notamment par John Resig consiste à créer les éléments dont nous avons besoin via Javascript :

    
        <!--[if IE]>
            <script type="text/javascript">
                document.createElement("header");
                document.createElement("footer");
                document.createElement("nav");
                document.createElement("article");
                document.createElement("section");
            </script>
        <![endif]-->
    

    Pour automatiser la création des éléments présents dans HTML5, Remy Sharp nous propose HTML5 enabling script :

    
       <!--[if IE]>
           <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
       <![endif]-->
    
  2. Le préfixe html: pour déclarer l’élément dans son namespace :

    
    <html:header>Ceci est un header</html:header>
    

Pour faire le point sur les avantages et inconvénients de ces deux techniques, voici l’excellent article How to get HTML5 working in IE and Firefox 2 suggéré par Adrien Leygues dans le fil de discussion en question.

Un script PHP à écrire…

Pour réunir le meilleur des deux mondes, Yves Van Goethem propose de servir les éléments HTML avec ce préfixe uniquement pour IE, le code serait réécrit par un moteur en back-end pour obtenir un script côté serveur (et non plus dépendant de Javascript) pour automatiser la prise en compte des balises HTML5 par IE, ce qui permettrait d’utiliser les nouvelles balises HTML5 dès avant-hier ! N’hésitez pas à vous manifester si vous avez déjà développé un script ou simplement si vous avez des idées sur la question.

En attendant Godot 2022 ^_^v

Voici un exemple de page HTML5 valide proposée par Remy Sharp dans HTML 5 Boilerplates utilisant le script html5.js :


    <!DOCTYPE html>
    <html>
        <head>
            <meta charset=utf-8 />
            <title>HTML 5 complete</title>
            <!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <![endif]-->
            <style>
                article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
            </style>
        </head>
        <body>
            <p>Hello World</p>
        </body>
    </html>

Notez le display: block pour déclencher la prise en compte des éléments HTML and the cat’s in the bag!.

Links for Free

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



5 commentaires pour “DOM vs namespace pour implémenter HTML5 sur IE6, IE7, Firefox2, Camino, etc.”

  1. Victor Brito dit :

    Pour avoir l’équivalent en PHP de ce que préconise John Resig en JavaScript, on peut utiliser l’extension DOM de PHP, qui permet même de manipuler des espaces de noms.

  2. Bruno Bichet, intégrateur HTML & CSS dit :

    Excellente suggestion que je me suis permis de partager sur webdevfr ;)

  3. chams dit :

    je vois que la nouvelle version de IE8 est bonne, merci pour votre article informatif

  4. […] DOM vs namespace pour implémenter HTML5 sur IE6, IE7, Firefox2, Camino, etc. […]

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site