Definição e uso de: <!--xxx-->HTML com Estilo

A tag de comentário <!--xxx--> para muitos não é considerada um tag efetiva.

Ela é utilizada para inserir, anotações, ou mesmo comentários no código-fonte da página HTML.

Essas anotações não são exibidas ao leitor no navegador.

Essas anotações se prestam para que o editor da página possa utilizá-los num momento futuro.

Em navegadores antigos que não suportam "scripts" ou folhas de estilos é utilizado para comentar essas tags e mostrá-los como um texto simples para indicar essa situação ao internauta.

É utilizada também para inibir tags que não serão usadas num determinado momento, mas que poderão ser usadas num momento futuro.

Supondo o código fonte abaixo:

<html>
<body>

<!--O parágrafo abaixo foi criado em 31/05/2011-->
<p>É utilizada também para inibir tags que não serão usadas num determinado momento, mas que poderão ser usadas num momento futuro.</p>


</body>
</html>

Ao leitor será exibido somente o que segue:


É utilizada também para inibir tags que não serão usadas num determinado momento, mas que poderão ser usadas num momento futuro.


Um código fonte poderá ter inibida sua exibição ao leitor para uso futuro
Supondo o código fonte abaixo:

<html>
<body>

<!--A tabela abaixo deverá ser inibida a partir em 31/05/2011-->

<table border="1" cellspacing="1" cellpadding="1" style="border: thin solid Lime;">
<tr>
<td>1</td>
<td>1</td>
</tr>
</table>

Texto..............
Texto..............
Texto..............
Texto..............
Texto..............
Texto..............


</body>
</html>

Ao leitor será exibido somente o que segue:



1 1


Texto..............
Texto..............
Texto..............
Texto..............
Texto..............
Texto..............


Para inibir a tabela coloca-se <!-- no início da tag e --> ao final da tag de fechamento conforme abaixo:

<html>
<body>

<!--A tabela abaixo deverá ser inibida a partir em 31/05/2011-->

<!--table border="1" cellspacing="1" cellpadding="1" style="border: thin solid Lime;">
<tr>
<td>1</td>
<td>1</td>
</tr>
</table-->

Texto..............
Texto..............
Texto..............
Texto..............
Texto..............
Texto..............


</body>
</html>

Ao leitor será exibido somente o que segue:
A exibição da tabela foi inibida, mas a sua codificação permanece no código fonte para uso futuro, se for o caso.




Texto..............
Texto..............
Texto..............
Texto..............
Texto..............
Texto..............