Aprender a cómo añadir o insertar comentarios de forma correcta en HTML te puede salvar de muchos apuros.
Ya que un problema que suele pasar, a la hora de aprender código HTML.
Es perder el hilo de lo que estamos haciendo.
Y es hay:
Cuando los comentarios se volverán tus aliados.
Pero..
¿Qué son los comentarios en HTML?
Básicamente, los comentarios en HTML son notas dentro del código fuente. Las cuales a diferencia del resto de código, estas no son mostrados por el navegador.
Así mismo, los comentarios son de gran utilidad.
Ya que facilitan la tarea de comprender el código fuente de la pagina web, además permiten dejar instrucciones para los futuros editores.
¿Cómo se hace un comentario en HTML?
Para comentar en lenguaje de HTML, solo tenemos que utilizar los siguientes caracteres <!-- Hola, esto es una prueba --> de la siguiente forma:
Inicio | Comentario | Cierre |
---|---|---|
<!-- | Esto es un comentario | --> |
Ten en cuenta que todo lo que este dentro de estos caracteres no será mostrado en el navegador. Ya que solo sirve como una guía.
Ahora, veamos ejemplos de como crear comentarios en html.
Si deseas comentar algo ya sea texto o código pueden hacerlo de la siguiente forma:
HTML
<!-- Esta despedido el que creo esta pagina web-->
<div>
<p>Hola mi gente quería, si lees esto deja un cometario</p>
</div>
y de esta manera, se comenta código
HTML
<!-- Mira esto es codigo comentado
====================
<div>
<p>Hola mi gente quería, si lees esto deja un cometario</p>
</div>
==================== -->
Ten en cuenta que los comentarios no solo se utilizan en HTML.
Sino que lo podemos utilizar en distintos lenguajes de programación e incluso en lenguaje css.
Claro que si sintaxis cambio un poco o incluso es la misma.
Por ejemplo:
¿Cómo hacer un comentario en PHP?
Si deseamos utilizar comentarios en Php, tenemos 2 opciones:
Inicio | Comentario | Cierre |
---|---|---|
// | Comentarios de una linea | |
/* | Comentarios multilinea | */ |
Si solo deseamos comentar una lineal simplemente usaremos 2 diagonales ( // ) al principio del comentario.
Pero:
La cosa cambia cuando deseamos comentar varias líneas, para ello utilizamos el siguiente código ( /* */ ).
Por ejemplo:
PHP
//Soy un comentario de una sola linea
/*Hola!, yo soy
un comentario
multilinea */
¿Cómo hacer un comentario en CSS?
Para comentar en Css, debemos encapsular el código dentro de los siguientes caracteres /* */.
Inicio | Comentario | Cierre |
---|---|---|
/* | Esto es tu comentario | */ |
Por ejemplo:
PHP
/*Este estilo es para el body
body{
margin:0px;
padding:0px;
background-color:#FFF;
} */
Fácil ¿verdad?.
¿Cómo hacer un comentario en JavaScript?
Si deseas comentar en Javascript, podemos utilizar tanto los caracteres de Php como los de Html, ya que todo son validos.
Inicio | Comentario | Cierre |
---|---|---|
// | Comentario 1 | |
/* | Comentario 2 | */ |
<!-- | Comentario 3 | --> |
¿Cómo hacer un comentario en XML?
Un comentario en XML comienza con <!-- y termina en -->, al igual que los comentarios en HTML.
Inicio | Comentario | Cierre |
---|---|---|
<!-- | comentario en XML | --> |
Ahora que ya sabes como agregar y utilizar comentarios en PHP, HTML, CSS, JS.
Te animas a comentar ¿Algo?