Delicious LinkedIn Facebook Twitter RSS Feed

Comentarios en HTML

Después de publicar la entrada Navidad - Copos para tu página me han preguntado que hacer con el código ya pasada la navidad, por supuesto que esté solo se utilizaría en esta época por la navidad.

Yo les diría que pasadas las fiestas lo eliminen y lo guarden en un archivo de texto para utilizarlo en las próxima fiestas navideñas.

Pero que pasará dentro de un año, ¿nos acordaremos donde pusimos ese archivo de texto con el código?.

Por eso me decidí en hacer esta entrada y tratar de explicar lo mejor posible la manera que yo utilizaría.

Existe una manera en el cual podemos poner un código, texto o lo que sea en nuestra plantilla pero que no se vea en el momento de cargar nuestra página, no se mostrara en nuestro navegador.

Esta manera se llama "Comentarios HTML".

Todo lo que pongamos dentro se interpretara como un comentario y no como un código.

Lo que logramos es hacer desaparecer una parte de nuestra página sin borrarla.

Esto lo pueden encontrar en mi página de Utilidades, HTML Básico.

Lo copio tal cual:

Comentarios

Son muy fáciles de poner.
Es como una etiqueta que tiene un inicio y un fin.
Todo el texto que pongas dentro está comentado, es decir, no aparecerá en la página.
Dentro de un comentario puedes meter texto o código HTML, como etiquetas.

Los comentarios en HTML:
El comentario empieza por:
<!-- y finaliza por -->
Todo lo que pongas entre esas etiquetas está comentado.

Los comentarios en CSS:
El comentario empieza por:
/* y finaliza por */
Todo lo que pongas entre esas etiquetas está comentado.

Hack CSS de los comentarios de dos barras (//)
Pero Firefox también interpreta los comentarios formados por //

// esto es un comentario

Internet Explorer simplemente ignora las dos barras y trata la línea como si fuera un código normal.

Por ejemplo tenemos este código:

h1{
   font-size: 12px;
   color: #009900;
   //font-size: 16px;
   //color: #000099;
}

Aquí hemos definido un par de estilos para la etiqueta H1.
Los dos primeros estilos son font-size:12px y color:#009900. Todos los navegadores leerán estos estilos.

Pero luego tiene otros dos estilos, que en realidad son los mismos que los anteriores, que comienzan por dos barras. Firefox y Opera, que interpretan esas dos barras como comentarios, no leerán los estilos. Internet Explorer que no tiene en cuenta las dos barras como comentarios, leerá los dos últimos estilos.

Por lo tanto, el resultado final será que
  • Todos los navegadores mostrarán los H1 con tamaño de fuente 12px y color verde.
  • Internet Explorer mostrará los H1 con tamaño de 16px y color azul, dado que no tiene en cuenta las dos barras como si fueran comentarios.
Tendríamos que verlo con Internet Explorer y con otros navegadores para comprobar que cambian los estilos con los que se muestra el encabezamiento H1.

Ejemplo


Los comentarios en JAVA:
Hay tres tipos de comentarios en Java:

// Este es un comentario de una sola línea
/* Este es un comentario de una o más líneas */
/** Este es un comentario de documentación */
Todo lo que pongas entre esas etiquetas está comentado.


En blogger se interpreta de la siguiente manera:

Los comentarios en HTML se colocan dentro de las etiquetas <html> y </html> pero no dentro de un código JavaScript ni dentro de CSS (<b:skin><![CDATA[ código css ]]></b:skin>)

Los comentarios en CSS serian dentro de <b:skin><![CDATA[ código css ]]></b:skin>

0 comments:

Post a Comment