css - para - como poner una seccion de comentarios en html
Usar comentarios condicionales en HTML (5)
Soy relativamente nuevo en el desarrollo web y estoy aprendiendo todo el tiempo. Recientemente me encontré con ''Comentarios condicionales'' al ver el código fuente para diferentes sitios web. Creo que ahora entiendo lo que hacen, pero no estoy seguro de cuándo usarlos.
Los he visto principalmente utilizados para implementar diferentes hojas de estilo cuando se trata de IE y me gustaría saber si esto es una buena práctica.
En ese caso, si la respuesta es ''Sí''. Luego, al desarrollar un sitio, ¿es ''un lugar común'' utilizar dos hojas de estilo separadas para corregir errores, por ejemplo, crear una hoja de estilo para IE y otra para Firefox, Opera, etc.?
Gracias por adelantado.
Algunas personas también usan comentarios para ayudar a delinear ciertas áreas de la página, como un pie de página, encabezado o contenido principal (a menudo en plantillas).
Sin embargo, si está utilizando divs y CSS (que suena como lo es), debería ser capaz de decir cuál es el contenido o en qué área del HTML se encuentra mediante las identificaciones DIV y los estilos CSS. Recuerde usar nombres claros e intente no abreviarlos solo por el simple hecho de escribir a máquina.
Si eso es un problema para ti, entonces Intellisense es algo maravilloso y puede ayudarnos a resolver este tipo de cosas. Si no, entonces CTRL + C y CTRL + V es probablemente la siguiente mejor cosa :)
He usado comentarios condicionales para detectar si los visitantes de mi sitio usan IE6 o menos. Si ese es el caso, cargo el script IE7.js , que supera algunos de los errores en estos navegadores más antiguos. También hay un script para emular el soporte de IE8.
La naturaleza de Internet Explorer ( especialmente la versión 6) hace que algunas hojas de estilo funcionen bien con IE y otras no. Para los propósitos de aquellos que no lo hacen, puede usar comentarios condicionales para tener un código CSS que solo se muestre para IE. Tengo que usarlo debido a la forma en que Internet Explorer (mis) maneja los menús desplegables de CSS.
Para hacer que el sitio web en el que estoy trabajando muestre correctamente la característica de desplazamiento del menú desplegable, tengo que implementar el archivo crosshover.htc. Aquí está el código que tengo que usar:
<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(http://www.stannscatholicschool.com/csshover.htc);
font-size: 100%;
}
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}
#menu a, #menu h2 {
font: 100% verdana, tahoma, helvetica, arial, sans-serif;
}
</style>
<![endif]-->
Si no hago eso, el menú desplegable se divide y no se puede navegar en Internet Explorer 6.
Los comentarios condicionales solo son compatibles con IE, hasta donde yo sé, y descienden graciosamente en navegadores que no los admiten (ya que se ven como un comentario normal). El consenso general es que está bien utilizar una función de navegador no estándar si la está usando para combatir otra "característica" de navegador no estándar (es decir, el soporte malicioso para CSS en IE). Entonces verás que es una solución muy común para ajustar CSS.
¡Esta es una gran práctica! La página de documentación oficial de comentarios condicionales , tiene muchos ejemplos y combinaciones de comentarios condicionales, vale la pena leerla. La página también declara que:
Los comentarios condicionales facilitan que los desarrolladores aprovechen las funciones mejoradas que ofrece Microsoft Internet Explorer 5 y versiones posteriores, al tiempo que escriben páginas que degradan con gracia en navegadores con menos capacidades o que se muestran correctamente en navegadores distintos de Windows Internet Explorer. Los comentarios condicionales son los medios preferidos para diferenciar las reglas de CSS (Cascading Style Sheets) destinadas a versiones específicas de Internet Explorer.
Nowdays Internet Explorer es el navegador menos capaz , por lo que lo más probable es que use comentarios condicionales para hacer exactamente lo contrario, es decir, para aprovechar las funciones mejoradas que ofrecen todos los otros navegadores, mientras escribe páginas que degradan con gracia en Microsoft Explorador de Internet.
Puede usar comentarios condicionales para corregir estilos CSS no admitidos, o para ocultar código de Internet Explorer, así:
<!--[if !IE]>-->
<script src="IE_will_never_see_this.js" type="text/javascript" charset="utf-8" ></script>
<!--<![endif]-->