Scripts y código de ejemplo : HTML y CSS : Información y detección :

Comentarios condicionales del IE

Descripción | Ver ejemplo | Ver código fuente | Imprimir script

El Internet Explorer introduce, a partir de la versión 5, los comentarios condicionales. Se trata de comentarios HTML con una codificación especial que el Internet Explorer interpreta de manera específica para procesar o no el código comentado, que permanece oculto al resto de navegadores.

La codificación es muy sencilla y se basa en las etiquetas:

<!--[if IE]>...<![endif]-->

Esta codificación es un comentario HTML normal para cualquier navegador (y por tanto, no se visualiza en la ventana del navegador). Sin embargo, para el Internet Explorer es un comentario condicional, en el que se evalúa la condición introducida entre corchetes. Si es verdadera, el contenido del comentario se trata como código HTML y, por tanto, se visualiza en la ventana del navegador. En caso contrario, el contenido se trata como un comentario normal, permaneciendo oculto.

La expresión que se evalúa tiene siempre el literal IE que puede ir seguido o no de un valor numérico (que indica la versión), y precedido de un operador. De esta forma, el siguiente comentario condicional

<!--[if IE 6]>...<![endif]-->

mostrará el código incluido entre las etiquetas de comentario sólo en el navegador es el Internet Explorer versión 6. Y si usamos un operador de mayor o igual

<!--[if gte IE 6]>...<![endif]-->

obtenemos un comentario cuyo código se mostrará en el Internet Explorer versión 6 o superior. Los operadores válidos son:

• !: Negación
• lt: Menor que
• lte: Menor o igual que
• gt: Mayor que
• gte: Mayor o igual que

Finalmente, la misma técnica puede usarse para incluir código que sea interpretado como un comentario por el Internet Explorer, pero visualizado en el resto de navegadores. Para ello, el código de comentario HTML a utlizar sería:

<![if !IE]>...<![endif]>

¿Necesitas ayuda con este script?

Usa el foro Preguntas acerca de los scripts para plantear y resolver dudas sobre este script. Y si ves que el ejemplo no funciona, indícanoslo en el foro Reporte de errores en los scripts, e intentaremos corregirlo.