Se você começou a criar seu próprio site, pode ter decidido usar um modelo em primeiro lugar, em vez de começar a projetá-lo você mesmo (seja porque você não tem muita ideia ou porque precisa de uma base). Nesses modelos, você verá que às vezes há comentários em CSS. E não, com esse nome não estamos nos referindo aos comentários ou textos que os leitores colocam no seu site, mas sim a pequenas anotações que são feitas pelo desenvolvedor e que ajudam a saber a que cada parte daquele ótimo código que o forms se refere. (e o que faz a web parecer que realmente é.
Em seguida, Você sabe o que são comentários CSS? Você sabe como isso pode ser feito? Hoje explicamos tudo para que você saiba sobre eles.
O que são comentários?
Nesse caso, não vamos nos referir a comentários entendidos como textos que comentam uma notícia e que permitem a interação do usuário com uma página da web. Especificamente, estamos nos referindo àqueles que são colocados entre as tags HTML e que não são visualmente visíveis, mas se encontram no código de programação de um site, de forma que se tenta informar a pessoa para que serve o código, mas sem que isso seja refletido posteriormente na web (como está).
Para que são os comentários?
A próxima coisa que você pode se perguntar é o motivo para colocar comentários em um modelo ou em qualquer documento de programação. E é que, acredite ou não, essas anotações são muito eficazes porque, imagine a seguinte situação: você começou a programar uma página que vai demorar vários meses. Você faz muitas mudanças, horários em cada uma das páginas, etc. E de repente, quando você olha para trás, você se pergunta para que servia aquele código que estava lá. Ou pior ainda, você tem que mudar uma cor ou um design e você não sabe onde ele está entre todos os códigos que você colocou. O que seria uma bagunça?
Pois bem, Essas anotações que você faz, como comentários na programação, ajudam a lembrar o motivo daquele código ou a ser capaz de se localizar no projeto o que você tem em suas mãos. Assim, mesmo que passem semanas, meses ou anos, você saberá como deixou tudo e a que se refere cada código que utilizou.
Outras vezes, esses comentários são utilizados para testar determinados aspectos, de forma que sejam ativados ou não na web dependendo se derem erro ao utilizá-los.
É claro que o fato de os comentários não serem vistos visualmente não significa que você tenha liberdade para escrever qualquer coisa. E é que, às vezes, os comentários podem estar fora do lugar ou fazer seus clientes se sentirem ofendidos com o que você coloca lá (ou seja, discriminação completa). Então você tem que ter cuidado e colocar apenas o que é realmente necessário. Porque, embora não sejam vistos, hoje existem muitos navegadores que permitem explorar o código HTML e, com ele, tornar visíveis os comentários que foram colocados.
Como colocar comentários CSS
CSS é uma das linguagens de programação, talvez uma das mais utilizadas, junto com o HTML, em páginas da web e design criativo. Portanto, conhecê-lo um pouco mais é importante. Na verdade, o que você mais usará é o CSS3.
Agora, se você já deu seus "primeiros passos" com a programação, saberá que os códigos são usados para "enfeitar" a estrutura e o CSS ajuda a deixar seu site mais atraente. Mas dentro deles, estão os comentários em CSS. Esses são os mesmos para qualquer linguagem de programação, embora sejam escritos de forma diferente em cada um deles.
Como você faz comentários CSS? Bem, para isso você precisa fazer o seguinte:
- Abra o comentário com a barra torta (Shift + 7).
- Em seguida, coloque um asterisco.
- Este é o início do seu comentário de tal forma que tudo o que você escrever a partir daquele momento não será visto na web visualmente, embora esteja no código HTML da web.
- Para fechar o comentário, você deve primeiro colocar um asterisco e depois a barra torta.
- Nesse momento, a próxima coisa que você escrever afetará visualmente a web e ficará visível.
Visualmente, o comentário ficaria assim:
/ * Aqui está o comentário que ficaria visualmente oculto na web * /
Se você fez isso bem, é mais provável que apareça em cinza e não em preto ou em outras cores como acontece com outros códigos. Isso significa que está bem especificado e será um texto que não aparecerá na web (na área onde o colocou).
Tipos de comentários em CSS que você pode colocar
Enquanto trabalha com o HTML é normal que coloque vários comentários para saber o que está a fazer ou para avisar que existem partes sem fazer ou erros que tem de corrigir. No entanto, depois é importante eliminar aqueles tipos de comentários que realmente serão inúteis. Isso não significa que você deve remover todos eles.
Existem alguns comentários em CSS que devem ser mantidos. Que? Os seguintes:
- Comentários de esclarecimento. São comentários CSS que ajudam a explicar algo específico. Por exemplo, o tamanho das imagens na seção específica para que você saiba quais imagens usar.
- Bloquear comentários. Ou seja, as anotações que são feitas para delimitar cada seção ou parte de um site: o rodapé, o cabeçalho, etc.
- CSS desativado. Com isso você tem que ter cuidado porque você tem que ter certeza que está desabilitado, mas pode funcionar corretamente caso você queira usá-lo novamente. Por exemplo, imagine que você tem um site e ele é muito lento. Então você decide desabilitar o controle deslizante que você colocou primeiro e ver se ele melhora a web. Nesse caso, você pode colocá-lo de volta a qualquer momento depois que o problema for corrigido.
- Comentários de crédito. Finalmente, você pode querer deixar os comentários que se referem à pessoa que criou o código, ou a versão do site que você fez, para que possa evoluir ou dar crédito à pessoa que fez o trabalho (embora seja não é visualmente visível em alguns casos.