Comentar HTML, CSS e JavaScript

Comentar HTML, CSS e JavaScript

Como Comentar Códigos HTML, CSS e JavaScript

Saiba como comentar adequadamente nas linhas de códigos HTML, CSS e Javascript!

Certamente, quando desenvolvemos códigos de programação web como os documentos HTML, CSS e Javascript, por exemplo,  é comum querermos deixar um comentário sobre algum trecho de código.

Às vezes queremos nos lembrar sobre algum trecho, afim de lembrar o que é e pra quê serve o código ali presente.

Então porque não fazer comentários em trechos de códigos HTML, CSS e Javascript do jeito certo?

Ademais, note que os códigos de comentários, quando feitos do jeito certo, não aparecem nos navegadores,, ou seja, ficam apenas no código do documento.

Comentários no HTML: <!– –>

<!-- Comentário ou pra quê serve o trecho -->
<div class="content">
Aqui está algum conteúdo HTML normal!
</div>

Agora, só para exemplificar, veja como comentar várias linhas:

<!--
Este comentário não vai aparecer
no site, Podemos escrever quantas
linhas quisermos para diversos fins.
Uma verdadeira mão na roda quando precisamos
l embrar pra que serve algum código. 😁
-->

Assim sendo, você pode também desabilitar trechos inteiros apenas comentando o código como abaixo.

Sobretudo, principalmente quando precisamos desabilitar funções ou simplesmente deixar um trecho pronto para copiar e utilizar.

<!--
<div class="content">
Aqui está algum conteúdo HTML normal!
</div>
-->

Comentando no CSS /* */

Nos documentos em CSS, decerto, a funcionalidade e aplicação é a mesma do HTML, porém as tags são diferentes

Por exemplo, veja abaixo comentários em uma linha e em várias:

/* Este comentário será ignorado pelo browser. */
.titulo {
font-size: 1.5rem;
line-height: 1.2;
color: #696969;
}

/*
Este comentário não vai aparecer
no site e por isso podemos até
escrever um pequeno tutorial sobre
a funcionalidade do trecho abaixo.
*/p {
color: red;
text-align: center;
}.titulo {
font-size: 1.5rem;
line-height: 1.2;
color: #696969;
}

/*trecho desabilitado
p {
color: red;
text-align: center;
}
*/.titulo {
font-size: 1.5rem;
line-height: 1.2;
color: #696969;
}

Comentando em documentos Javascript  / / e /* */

A saber, nos códigos escritos em HTML e CSS, podemos comentar uma linha única ou várias com as mesmas tags.

Ademais, no Javascript usamos a tag / / para comentários em uma única linha.

// Este texto está comentado e será ignorado!

const START_CODE = convertHexToDec('25E4'); // numeração inicial
const END_CODE = convertHexToDec('27BF'); // numeração final

Portanto, agora para comentar várias linhas no Javascript usamos as tags /* */

/*
Função: function drawTable()
Esta função faz algo incrível!
Só não sei o que ela faz. 😅
*/ function drawTable(table, start, end) {
for (let i = start; i < end; i++) {
table.appendChild(createCell(i));
}
}

/*
Função: function drawTable()
Como não sei pra que serve!
melhor desabilitar, será? 🙄
*/
/*
function drawTable(table, start, end) {
for (let i = start; i < end; i++) {
table.appendChild(createCell(i));
}
}
*/

Aliás, espero que tenha gostado dessa postagem.

Certamente esses websites também podem te interessar:

• Origamania.com – Origamis, papel modelismo, artesanatos e aviões de papel.
• Textículos.com – Significados de Nomes, frases famosas, ferramenta de textos e letras diferentes, e muito mais.
• Portal do Economaster – Economia e Finanças de um jeito fácil de entender.
• Cardápio de Receitas – Receitas de dar água na boca. Tudo o que você precisa pra fazer uma boa receita.

Por fim, veja mais conteúdos do Web-ZoneWare, seu site de tecnologia na web a fim de encontrar o que precisa.