Como ya se ha dicho con anterioridad, hemos de intentar que nuestro archivo CSS sea siempre lo más limpio y organizado posible. Una buena forma de lograrlo es estructurándolo de forma que podamos encontrar fácilmente las distintas clases que hemos definido. Para ello resulta vital la inclusión de comentarios, que pueden cumplir una doble función, informar y a la vez separar o agrupar nuestro código.
Remarcar que los comentarios en CSS se insertan entre las etiquetas /* para indicar el comienzo, y */ para marcar el final del comentario.
Veámos un ejemplo práctico.
Ejemplo 1:
/* === CABECERA ==== */
.HeaderContainer { … }
.HeaderLink { … }
/* === PIE DE PÁGINA ==== */
.FooterContainer { … }
.FooterLink { … }
Como se puede observar, hemos definido dos líneas de comentarios, que nos agrupan y separan los CSS utilizados en la implementación de la Cabecera por un lado, y los utilizados en la implementación del Pie de página por el otro. Cumpliendo así esa doble función que mencionabamos con anterioridad de organizar e informar.
Además la inclusión de estos comentarios ira creciendo en importancia, a medida que se incrementen las líneas de nuestro código, y el número de atributos CSS que vayamos definiendo. También será importante en el caso de que sean varias las personas que tengan que utilizar y trabajar sobre ese código CSS. Cuanto más conciso, claro y definido sea nuestro código, como ocurre generalmente en programación, mucho mejor.
Este post fue publicado el pasado 12 de noviembre del 2008 a las 22:16 en las categorías CSS. Puedes seguir los comentarios de este post através del RSS. También puedes dejar aquí tu comentario, o hacer un trackback desde tu propio blog.
