miércoles, 2 de febrero de 2011

HTML 5 para cualquier navegador

Llega HTML5 y con ello se nos presenta un problema... en IE8 no funciona :O
Existen Script´s para hacer que funcione, pero hay una solución mas sencilla. Sin incluir Script ni excesivo código alternativo que cuando se de el caso de que todos los navegadores lo soporten no tengamos que reestructurar el sitio por completo. De está forma solo realizaremos un pequeño "remplace" en el código y listo.
El método para solucionarlo consiste en cargar HTML5 como si fuerá XML en el código HTML.
Aquí tenemos un ejemplo:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:html5="http://www.w3.org/1999/xhtml">
     <head>
          <meta charset="utf-8"/>
          <title>Demo HTML5</title>
          <style>
               html5\:section {
                   display: block;
               }
          </style>
     </head>
     <body>
          <h1>Demo HTML5</h1>
          <html5:section>Este <strong>&lt;html5:section&gt;</strong> funciona incluso en Internet Explorer.</html5:section>
     </body>
</html>
Cuando llegue el momento en el que HTML5 sea compatible con todos los navegadores solo tenemos que ejecutar un "remplace" en el código, sustitullendo:
<html5: por < y </html5: por </
Y listo!!