Blog · Josetxu.com | Comentar código

Comentar el código sirve para inutilizarlo sin dejar de tenerlo. Lo que le decimos al navegador es que no ejecute el código que hemos comentado.

Esto nos puede venir bien para hacer pruebas comentando algunas partes del código, o para poner enunciados o descripciones explicativas.

Cada lenguaje de programación tiene distintas formas de comentar el código, veamos unos ejemplos:

HTML

En HTML tenemos la combinación , lo que pongamos en medio (en este caso la palabra “comentario”) quedará comentado. Esta misma combinación sirve para lineas enteras, solo finales de linea o varias lineas seguidas comentadas:

<div>Esta linea de código no está comentada</div>

<!--<div>Esta otra si está comentada y no se mostrará</div>-->

<!--<div>Aqui hay otra que ocupa varias lineas
 y tampoco se mostrará mientras se encuentre comentada </div>-->

<div>Esta linea de código no está comentada</div>

<!--<div>Aqui hay otra que ocupa varias lineas

y tampoco se mostrará mientras se encuentre comentada </div>-->

Esta linea de código no está comentada

CSS

En CSS, ya sea para una linea, el final de la misma, o varias lineas seguidas, usaremos la combinación barra-asterisco para hacer un /*comentario*/, asi:

/*borde rojo de 1 pixel de ancho*/
.clase {
  border:1px solid red; 
}
/* borde negro de 2 pixel de ancho comentado
.clase { 
  border:2px solid black; 
} */

/*borde rojo de 1 pixel de ancho*/

.clase {

border:1px solid red;

}

/* borde negro de 2 pixel de ancho comentado

.clase {

border:2px solid black;

} */

Lorem ipsum …

Javascript

En Javascript hay dos opciones, podemos comentar una linea (o el final de la misma) con la doble barra, asi: //comentario
O podemos comentar varias lineas con la ya conocida combinación barra-asterisco /*comentario*/.

//alert('Warning'); comentario de una linea entera

x.getElementById('test1').innerHTML = "Texto Inicial"; //final comentado

/*comentario de varias lineas
x.getElementById('test1').innerHTML = "Texto Alternativo que no llegará a escribirse pues se encuentra comentado";*/

//alert('Warning'); comentario de una linea entera

x.getElementById('test1').innerHTML = "Texto Inicial"; //final comentado

/*comentario de varias lineas

x.getElementById('test1').innerHTML = "Texto Alternativo que no llegará a escribirse pues se encuentra comentado";*/

Texto Inicial

PHP

En PHP, al igual que en Javascript, usaremos la combinación barra-asterisco /*comentario*/ para comentar varias lineas.
Para comentar una linea o el final de la misma usaremos la doble barra //comentario o el simbolo almohadilla #comentario, aunque este último se usa menos.

//echo "Hello world"; linea entera comentada

echo "Hola,";
echo " esta parte de la linea no está comentada"; #esta si

/*y podemos comentar varias lineas metiéndolas entre barras y asteriscos, como estas lineas que no se mostrarán*/
echo " ¿lo ves?";

//echo "Hello world"; linea entera comentada

echo "Hola,";

echo " esta parte de la linea no está comentada"; #esta si

/*y podemos comentar varias lineas metiéndolas entre barras y asteriscos, como estas lineas que no se mostrarán*/

echo " ¿lo ves?";

Hola, esta parte de la linea no está comentada, ¿lo ves?.

Comentar es un recurso muy útil, pero no hay que abusar de él ya que, aunque ese código no se acabe ejecutando, los caracteres comentados ocupan espacio en el archivo final.

HTML

CSS

Javascript

PHP

Artículos Relacionados