Los Comentarios Condicionales (CC apartir de ahora) son aplicables a códigos HTML y solo están disponibles en IE. No forman parte de ningún lenguaje de programación, es una opción de la que disponemos en los navegadores de IE/Win a partir de la versión 5.0.
Gracias a estos comentarios podemos detectar que versión de IE esta utilizando el visitante de nuestra web sin necesidad de ningún lenguaje como PHP o JavaScript
<body>
<!--[if IE]>
<p>Estas usando Internet Explorer</p>
<![endif]-->
</body>
En este codigo, los navegadores como Opera o Firefox mostrarían un documento totalmente en blanco y todo el contenido de <body> se interpretaría como un comentario, pero en un navegador IE se podría observar el contenido de <p>, es decir, la frase que contiene.
Mostramos ahora como sería la síntaxis del comentario, fíjate en la condición [if IE].
<!--[if IE]>
Tu Codigo
<![endif]-->
En este codigo hemos añadido únicamente el número 6 para indicar que el código de este comentario sólo afectará a navegadores IE 6.0 y podemos añadir reglas que afecten a navegadores inferiores, superiores o iguales a una determinada versión. Vemos ahora una relacion de operadores y su significado:
!
Operador Not. Indica que NO se está usando la versión señalada
lt
Operador lees than (menor que). Para detectar una versión inferior a la señalada.
lte
Operador less than equal (menor que o igual a). Para detectar una version inferior o igual a la señalada.
gt
Operador greater than (mayor que). Para detectar versión superiores a la señalada.
gte
Operador greater than equal (mayor que o igual a). Para detectar version superiores o iguales a la señalada.
Viendo esta relacion de operadores podríamos crear una serie de ejemplos con la mayoría de combinaciones posibles, si piensas un poco podrás sacar algunas más.
<!--[if IE]>
Tu Codigo
<![endif]-->
<!--[if IE 5]>
Tu Codigo
<![endif]-->
<!--[if IE 5.5]>
Tu Codigo
<![endif]-->
<!--[if IE 6]>
Tu Codigo
<![endif]-->
<!--[if lt IE 5.5]>
Tu Codigo
<![endif]-->
<!--[if lt IE 6]>
Tu Codigo
<![endif]-->
<!--[if lte IE 5.5]>
Tu Codigo
<![endif]-->
<!--[if lte IE 6]>
Tu Codigo
<![endif]-->
<!--[if gt IE 5]>
Tu Codigo
<![endif]-->
<!--[if gt IE 5.5]>
Tu Codigo
<![endif]-->
<!--[if gte IE 5]>
Tu Codigo
<![endif]-->
<!--[if gte IE 5.5]>
Tu Codigo
<![endif]-->
<!--[if ! IE 5]>
Tu Codigo
<![endif]-->
<!--[if ! IE 5.5]>
Tu Codigo
<![endif]-->
<!--[if ! IE 6]>
Tu Codigo
<![endif]-->
Vemos ahora un ejemplo con codigos PHP y JavaScript dentro de los CC
------------ PHP --------------
<!--[if IE 6]>
<?php echo 'Estas utilizando Internet Explorer 6'; ?>
<![endif]-->
---------- JavaScript ----------
<!--[if IE 5]>
<script type='text/javascript'>
variable = prompt('Contenido de la caja','[ El titulo ]');
</script>
<![endif]-->
De igual forma puedes poner los CC en cualqueir parte de tu documento HTML, sea el <head> o el <body> o incluso fuera de estos
Uno de los casos mas típicos donde se suele hacer uso de los CC es cuando queremos aplicar un estilo CSS diferente en IE.
Y creo que hasta aquí hemos llegado, si todo ha ido bien te habrás enterado de que son los CC además de cómo y cuando usarlos. Cordiales salu2.
Por jordifreek.
www.programacionweb.net
Usuarios que han visto este tema también han visto...
- Diferencias entre HTML y XML
- Insertar Flash en HTML
- Indicar a los buscadores que indexen tu página con HTML
- Anidando etiquetas en HTM
- Optimizando tu HTML
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.