▶ Agencia SEO | Posicionamiento web en toda España

Caja de comentarios css

Recientemente he empezado a usar // para “comentar” líneas individuales de código CSS. Entiendo que en realidad no estoy comentando la línea; sólo la estoy rompiendo (debería usar /* … */), pero tiene el mismo efecto. La línea se termina con el ; y el siguiente código funciona bien.

Veo que ha habido/hay mucha gente que se ha quejado de esto y, como esta es una pregunta antigua, probablemente haya mucha gente que la lea preguntándose si sigue siendo cierto, o si realmente existe un estándar en primer lugar. Permítanme aclarar las cosas. Las siguientes son las razones fundamentales de la estricta política de comentarios de CSS:

Estandarizado al menos desde CSS 2.1, los comentarios sólo pueden estar encerrados en /* y */. Mientras que algunos navegadores toleran //, no se supone que lo hagan, y están a sólo una pulgada de que alguien diga “oh sí, eso no es estándar” o “¡hey! ¡Eso no es estándar, arréglalo!”; y entonces adivina qué, tu código CSS, que ESTABA funcionando, ahora no lo hace para miles de personas (y puede que ya no funcione para cientos de otros). Añadiré que <!– y –> están permitidos pero sólo (y quiero decir SÓLO) cuando aparecen dentro de un documento HTML, no en un archivo fuente .css. Si tu navegador es tan antiguo que no puede saltarse las etiquetas <style>, probablemente sea el momento de cambiar de navegador hace 10 años. Incluso Lynx y otros navegadores de texto saben que no deben leerlas, por lo que comentarlas sólo es útil en situaciones muy aisladas en las que el hardware y el software están bloqueados en su estado actual de funcionamiento.

Notas css

Cualquiera que toque el CSS debería tener la seguridad de que editar algo en, por ejemplo, la sección de la cabecera no afectará a nada más en la página. Si se requiere un cambio fundamental en el estilo de un elemento a través de todas las páginas y secciones, todo lo que necesitas hacer es editar el elemento relevante en la porción de Elementos UI del CSS.

No hace falta decir que una buena estructura CSS depende de que el marcado esté bien escrito y separado limpiamente de la presentación. Si tu HTML está afectado por la div-itis, ninguna cantidad de comentarios puede ayudar a salvar tu CSS.

Comentario html

Recientemente he empezado a utilizar // para “comentar” líneas individuales de código CSS. Entiendo que en realidad no estoy comentando la línea; sólo la estoy rompiendo (debería usar /* … */), pero tiene el mismo efecto. La línea se termina con el ; y el siguiente código funciona bien.

Cómo hacer una sección de comentarios en html

La gente ha pedido que se añada esta sintaxis repetidamente, pero desafortunadamente tenemos las manos atadas – los minificadores de CSS no conocen los comentarios de línea, así que si lo añadimos y el minificador elimina todos los saltos de línea (como suelen hacer), ¡el comentario de línea comentaría accidentalmente todo el resto de tu hoja de estilos!

Ten en cuenta, sin embargo, que si intentas usar // sólo para escribir comentarios en tu hoja de estilos, tienes que tener cuidado – el texto sin formato no es una construcción CSS, así que mirará más allá de eso y comentará la siguiente construcción en tu página:

Los más astutos se habrán dado cuenta (o ya lo sabían) de que usar // de esta manera no es realmente “comentar” nada. En su lugar, sólo está poniendo un valor inválido en la hoja de estilos y confiando en las reglas de recuperación de errores de CSS para matar la siguiente construcción en la página y luego recuperarse con gracia. Como la recuperación de errores de CSS está bien definida, puedes confiar en que todos los navegadores que la implementan correctamente funcionarán de la manera esperada.

por qué estamos favoreciendo a los minificadores por encima de las expectativas comunes de los desarrolladores. Las herramientas evolucionan y nosotros también. Es como decir que no podemos cambiar un estándar porque mi editor de texto no puede resaltar esa nueva sintaxis.