HTML - Commenti

Il commento è un pezzo di codice che viene ignorato da qualsiasi browser web. È una buona pratica aggiungere commenti nel codice HTML, specialmente in documenti complessi, per indicare sezioni di un documento e qualsiasi altra nota a chiunque guardi il codice. I commenti aiutano te e gli altri a capire il tuo codice e ne aumentano la leggibilità.

I commenti HTML vengono inseriti nel mezzo <!-- ... -->tag. Quindi, qualsiasi contenuto inserito con i tag <! - ... -> sarà trattato come commento e sarà completamente ignorato dal browser.

Esempio

<!DOCTYPE html>
<html>

   <head>  <!-- Document Header Starts -->
      <title>This is document title</title>
   </head> <!-- Document Header Ends -->
	
   <body>
      <p>Document content goes here.....</p>
   </body>
	
</html>

Ciò produrrà il seguente risultato senza visualizzare il contenuto fornito come parte dei commenti:

Commenti validi e non validi

I commenti non si annidano, il che significa che un commento non può essere inserito in un altro commento. In secondo luogo, la sequenza di due trattini "-" potrebbe non apparire all'interno di un commento tranne come parte del tag di chiusura ->. È inoltre necessario assicurarsi che non vi siano spazi nella stringa di inizio commento.

Esempio

Qui, il commento fornito è un commento valido e verrà cancellato dal browser.

<!DOCTYPE html>
<html>

   <head>
      <title>Valid Comment Example</title>
   </head>
	
   <body>
      <!--   This is valid comment -->
      <p>Document content goes here.....</p>
   </body>
	
</html>

Questo produrrà il seguente risultato:

Tuttavia, la riga seguente non è un commento valido e verrà visualizzata dal browser. Questo perché c'è uno spazio tra la parentesi angolare sinistra e il punto esclamativo.

<!DOCTYPE html>
<html>

   <head>  
      <title>Invalid Comment Example</title>
   </head>
	
   <body>
      < !--   This is not a valid comment -->
      <p>Document content goes here.....</p>
   </body>
	
</html>

Questo produrrà il seguente risultato:

Commenti su più righe

Finora abbiamo visto commenti su una sola riga, ma HTML supporta anche commenti su più righe.

È possibile commentare più righe con il tag di inizio speciale <! - e il tag di fine -> posto prima della prima riga e alla fine dell'ultima riga come mostrato nell'esempio riportato di seguito.

Esempio

<!DOCTYPE html>
<html>

   <head>  
      <title>Multiline Comments</title>
   </head> 
	
   <body>
      <!-- 
         This is a multiline comment and it can
         span through as many as lines you like.
      -->
      
      <p>Document content goes here.....</p>
   </body>
	
</html>

Questo produrrà il seguente risultato:

Commenti condizionali

I commenti condizionali funzionano solo in Internet Explorer (IE) su Windows, ma vengono ignorati da altri browser. Sono supportati da Explorer 5 in poi e puoi usarli per fornire istruzioni condizionali a diverse versioni di IE.

Esempio

<!DOCTYPE html>
<html>

   <head>  
      <title>Conditional Comments</title>

      <!--[if IE 6]>
         Special instructions for IE 6 here
      <![endif]-->
   </head> 
   
   <body>
      <p>Document content goes here.....</p>
   </body>
	
</html>

Ti imbatterai in una situazione in cui dovrai applicare un foglio di stile diverso basato su diverse versioni di Internet Explorer, in tale situazione i commenti condizionali saranno utili.

Utilizzo del tag di commento

Ci sono pochi browser che supportano il tag <comment> per commentare una parte del codice HTML.

Note- Il tag <comment> obsoleto in HTML5. Non utilizzare questo elemento.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>Using Comment Tag</title>
   </head>
	
   <body>
      <p>This is <comment>not</comment> Internet Explorer.</p>
   </body>
	
</html>

Se stai usando IE, produrrà il seguente risultato:

Ma se non stai usando IE, allora produrrà il seguente risultato:

Commentare il codice dello script

Anche se imparerai JavaScript con HTML, in un tutorial separato, ma qui devi prendere nota che se stai usando Java Script o VB Script nel tuo codice HTML, allora si consiglia di inserire quel codice script all'interno di commenti HTML appropriati in modo che il vecchio i browser possono funzionare correttamente.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>Commenting Script Code</title>
      
      <script>
         <!-- 
            document.write("Hello World!")
         //-->
      </script>
   </head>
	
   <body>
      <p>Hello , World!</p>
   </body>
	
</html>

Questo produrrà il seguente risultato:

Inserimento di commenti nei fogli di stile

Anche se imparerai a usare i fogli di stile con HTML in un tutorial separato, ma qui devi prendere nota che se stai usando Cascading Style Sheet (CSS) nel tuo codice HTML, allora si consiglia di inserire quel codice del foglio di stile all'interno dei commenti HTML appropriati in modo che i vecchi browser possano funzionare correttamente.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>Commenting Style Sheets</title>
      
      <style>
         <!--
            .example {
               border:1px solid #4a7d49;
            }
         //-->
      </style>
   </head>
	
   <body>
      <div class = "example">Hello , World!</div>
   </body>
	
</html>

Questo produrrà il seguente risultato: