Html5 ya es una realidad palpable en la red, a pesar de que como estándar todavía no esta completamente asentado ya podemos encontrar muchas web maquetadas con este lenguaje, el código web mucho mas semántico ya es una realidad gracias a Html5 los micro datos y micro formatos.
Como digo a pesar de no ser un estándar todavía los navegadores mas importantes ya toleran, leen e interpretan de forma correcta Html5, navegadores basados en Mozilla como Firefox, Chrome y sus derivados, Opera, Safari, Internet Expl…….. espera espera espera, no recordaba que Internet Explorer todavía tiene versiones en el mercado a las que da soporte y que están completamente obsoletas.
Por tanto si utilizas Internet Explorer 8 o inferior no podrás visualizar correctamente ninguna pagina web que este maquetada en Html5 por que estos navegadores no saben interpretar este formato, si lo hace ya Internet Explorer 9 pero claro no todos los usuarios de Internet Explorer saben actualizar su navegador, por eso mas que nada continúan utilizando Internet Explorer.
Para solucionar este “pequeño” problema podemos echar mano de varios trucos, aunque soy de los que piensan que esto lo debería hacer Microsoft y no nosotros los desarrolladores, programadores o diseñadores.
Un truco de los mas extendidos es utilizar una especie de Plugin para Internet Explorer que hace que este utilice el motor de búsqueda de Chrome, vamos que tu ves Internet Explorer pero en realidad no lo estas utilizando, podemos instalar el Plugin desde su pagina oficial en Google Chrome Frame, pero recuerda que esto es engañar al tonto con tonterías.
Otro truco mas factible, simple, eficaz y que realmente nos dará menos dolores de cabeza es declarar los elementos que Internet Explorer no reconoce en el header de nuestro sitio, de esta manera con unas simples lineas de código podemos hacer que Internet Explorer 6,7 y 8 lean, entiendan e interpreten Html5 casi sin ningún tipo de problema.
Os dejamos debajo de estas lineas el código que deberéis poner en el head de vuestra pagina para declarar los elementos de HTML5 para ser interpretados por Internet Explorer 8 o inferiores.
<!--[if IE]><script type="text/javascript">
var e = ("abbr,article,spam,aside,audio,canvas,datalist,details,figure,
footer,header,hgroup,mark,menu,meter,nav,output,progress,
section,time,video").split(',');
for (var i=0; i<e.length; i++) {
document.createElement(e[i]);}</script><![endif]-->
muchas gracias. Excelente esa propuesta
Esta interesante lo del blog lo estaré mirando Esta información es muy valiosa gracias y sigan publicando
Gracias por el comentario, seguimos trabajando para traer buenos contenidos
Interesante aportacion, tambien hay que decir que explorer se utiliza cada dia menos y sobretodo las personas que navegamos ni lo instalamos cuando formateamos el pc. Se agradece la informacion y habria que aprovechar para ampliar el articulo con varias de las virtudes basicas.
Lamentablemente Sebastian el trafico que proviene de usuarios con IE todavia es muy alto, y realmente el problema no es este, el problema es que tenemos IE desde la version 6 hasta la 9 y solo esta ultima es medianamente compatible con la mayoria de los estandares, aun asi Microsoft sigue dando soporte a todas las versiones de su navegador.
Y para mas gloria del señor Gates, no solo tiene en el mercado 3 versiones de un navegador que no respetan estandares y que lleva de cabeza a la mayoria de desarrolladores que ademas ya se esta hablando de la version 10.
Lamentable
Bueno, es ciero que existen muchas versiones de IE rodando al mismo tiempo por la web y pero eso en parte es culpa de los usuarios porque con tanta publicidad que hay para descargar el ultimo navegador es difil creer que no saben que uno nuevo. Aunque ciertamente Microsoft deberia hacer ese proceso de upgrade mucho mas rapido para el usuario.
Respecto a tu comentario de ” ..solo esta ultima es medianamente compatible con la mayoria de los estandares, aun asi Microsoft sigue dando soporte a todas las versiones de su navegador.” te comento primero que IE9 es el navegador que mejor mueve HTML5 (opinion que comparten varios desarrolladores de Mozilla) segundo que HTML5 aun no es oficialmente un estandar.
Por cierto, sabias que Bill Gates ya no es CEO de Microsoft desde el 2008??
No es bueno tener tantos prejucios si se quiere servir de guia u orientador para otros. Ademas aclaro, no soy ningun Windows fan, estoy escribiendo desde una PC con Linux y navegador Opera.
¿Sabes JC? tienes mas razon que un santo, mis prejuicios a la hora de escribir sobre Microsoft quizas no me dejan escribir de la forma in parcial que deberia hacerlo, esto debe ser trabajo personal para el nuevo año
.
En cuanto al tema de Gates si, se que ya no es el Ceo de la compañia pero a fin de cuentas el fue el que copio a Apple para crearla (mas prejuicios).
Y por ultimo, como bien dices tanta culpa tiene Microsoft como los propios usuarios al no actualizar su navegador, en conclusion, lo unico que nos queda a los desarrolladores/diseñadores es esperar a que vayan desapareciendo los navegadores obsoletos de forma natural.
Un saludo
hi!! men sos un monstruo, tu codigo la sacaste del estadio….!!!!
No entendi bien tu comentario Ericksar, a veces me cuesta comprender la jerga latina ¿que quisiste decir?
estoy haciendo una web quisdiera usar html 5
use el codigo que pusiste pero no me funciona ninguna etiqueta html 5 en explorer 9 probe varias etiqueta video etc en chrome y firefox funciona
he probado varios codigos en la web para engañar al explore rperop no me ha funcionado si alguien me puede ayudar s elo agradeceria
Hola FCO, quizas no has puesto el codigo en el lugar correcto, en esta misma pagina utilizo el codigo que cito y funciona perfectamente, recuerda que el codigo lo debes poner entre las etiquetas
para que funcione.En cuanto a IE9 y el resto de navegadores ya aceptan HTML5 sin mas problemas, no es necesario ningun “truco para ello”.
Cualquier cosa que podamos seguir ayudandote aqui estamos.
Un saludo
Hola Ricardo,
He puesto tu código en un site que estoy creando y no consigo que funcione. He probado tu código y otros que he encontrado (en realidad, parecidos).
Soy incapaz de ver por qué no funciona. La verdad es que no soy programador puro, así que es posible que sea una tontería muy obvia, pero llevo unos días dándole vueltas a esto.
El site es http://caminoasantiago.net
¡Muchas gracias!
Hola Alberto, yo la pagina en IE6 la veo bien, bueno bien no, pero por cuestion del CSS, en cuanto a las etiquetas de HTML5 las reconoce perfectamente, y eso que el codigo que tienes ahora mismo no es que pongo en el articulo.
Creo que tu problema real esta en la pagina de estilos (CSS) y no en la maquetacion, debes darle forma con el CSS para que cada header, article, aside, footer tenga sus propios estilos.
Para que puedas comprobar online como queda tu sitio en diferentes versiones de IE puedes utilizar esta pagina http://netrenderer.com/index.php
Un saludo
Hola Ricardo,
Muchísimas gracias!
))
Siempre es un placer ayudar en lo posible a mis amigos, por cierto, si has resuelto un problema estaria bien ponerlo aqui para que futuros amigos tenga un punto de apoyo mas.
Un saludo
Muy bueno el dato del script para IE8!
Solo hago notar que la función “for” no está bien cerrada, por lo que si lo copian y pegan tal cual está publicado, no va a funcionar. Es necesario agregar una llave } antes del cierre de tag
Tienes razon Gaston, supongo que al hacer el copy paste desde mi documento de texto me la deje por el camino, ya esta modificado.
Un saludo
HOLA QUE TAL RICARDO EH PUSE EL CODIGO EN MI PAGINA WEB PERO NO PASA NADA ._. “LO QUE TENGO YO ES UN REPRODUCTOR HTML 5 ” QUE ME FUNCIONA EN EL CROMA PERO NO EN EL EXPLORE … ! HAY LE DEJO UNA IMG DE COMO ESTA PUESTO EL CODIGO !! C: ” http://img27.imageshack.us/img27/1007/webun.jpg ” ← !!
ESPERO SU RESPUESTA ! C:
Buenas Carlos, en principio el código que veo en la imagen esta correcto, seria cuestión de ver como estas embebiendo el código para el reproductor de video.
Es muy posible que algunas versiones de IE no lo puedan entender, no podemos descartar nada cuando hablamos de IE
Saludos, estoy tratando de colocar el codigo en el header de mi sitio pero no me funciona, podrias colaborarme…
urbano.jucactru.com
quedo atento
Buenas Jucactru, en principio deberia funcionar sin problema, de todas formas en tu sitio no veo el codigo, si veo que declaras los nuevos elementos para IE 9, cosa que no deberia hacer falta.
Una cosita mas, no se quien te ha maquetado ese sitio pero desde luego el html5 que dice utilizar deja mucho que desear.
Un saludo