66 lines
2.7 KiB
Markdown
66 lines
2.7 KiB
Markdown
|
---
|
|||
|
|
title: Comments in HTML
|
|||
|
|
localeTitle: Comentários em HTML
|
|||
|
|
---
|
|||
|
|
## Comentários em HTML
|
|||
|
|
|
|||
|
|
A tag de comentário é um elemento usado para deixar notas, principalmente relacionadas ao projeto ou ao site. Essa tag é freqüentemente usada para explicar algo no código ou deixar algumas recomendações sobre o projeto. A tag de comentário também torna mais fácil para o desenvolvedor voltar e entender o código que ele escreveu em um estágio posterior. Os comentários também podem ser usados para comentar linhas de código para fins de depuração.
|
|||
|
|
|
|||
|
|
É recomendável adicionar comentários ao seu código, especialmente ao trabalhar com uma equipe ou empresa.
|
|||
|
|
|
|||
|
|
Os comentários são iniciados com `<!--` e terminados com `-->` e podem abranger várias linhas. Eles podem conter código ou texto e não aparecerão no front-end do site quando um usuário visitar uma página. Você pode visualizar comentários por meio do Inspector Console ou exibindo Page Source.
|
|||
|
|
|
|||
|
|
### Exemplo
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!-- You can comment out a large number of lines like this.
|
|||
|
|
Author: xyz
|
|||
|
|
Date: xx/xx/xxxx
|
|||
|
|
Purpose: abc
|
|||
|
|
-->
|
|||
|
|
Read more: https://html.com/tags/comment-tag/#ixzz4vtZHu5uR
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<body>
|
|||
|
|
<h1>FreeCodeCamp web</h1>
|
|||
|
|
<!-- Leave some space between the h1 and the p in order to understand what are we talking about-->
|
|||
|
|
<p>FreeCodeCamp is an open-source project that needs your help</p>
|
|||
|
|
<!-- For readability of code use proper indentation -->
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Comentários condicionais
|
|||
|
|
|
|||
|
|
Os Comentários condicionais definem algumas tags HTML a serem emitidas quando uma determinada codificação é preenchida.
|
|||
|
|
|
|||
|
|
Os comentários condicionais são reconhecidos apenas pela versão 5 do Internet Explorer até a versão 9 - IE5 - IE9.
|
|||
|
|
|
|||
|
|
### Exemplo
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<body>
|
|||
|
|
<!--[if IE 9]>
|
|||
|
|
<h1>FreeCodeCamp web</h1>
|
|||
|
|
<p>FreeCodeCamp is an open-source project that needs your help</p>
|
|||
|
|
<![endif]-->
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### Comentários condicionais do IE
|
|||
|
|
|
|||
|
|
Esses comentários estão disponíveis apenas no Internet Explorer e podem ser usados até o IE9. Nos tempos atuais, há uma boa mudança que você nunca verá, mas é bom saber sobre sua existência. Os comentários condicionais são uma maneira de oferecer uma experiência diferente para diferentes navegadores de clientes. Por exemplo:
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!--[if lt IE 9]> <p>Your browser is lower then IE9</p> <![endif]-->
|
|||
|
|
<!--[if IE 9]> <p>Your browser is IE9</p> <![endif]-->
|
|||
|
|
<!--[if gt IE 9]> <p>Your browser is greater then IE9</p> <![endif]-->
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
[Sobre comentários condicionais](https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx)
|