I commenti in HTML sono sezioni di testo all’interno dei documenti HTML che vengono ignorate dal browser e non vengono visualizzate sul sito web. Servono per rendere il codice più comprensibile agli sviluppatori e alle sviluppatrici, per lasciare commenti e per disattivare temporaneamente il codice.

Web Hosting
Diventa il n°1 della rete con il provider di hosting n°1 in Europa
  • Disponibilità garantita al 99,99%
  • Dominio, SSL ed e-mail inclusi
  • Assistenza 24/7 in lingua italiana

Cosa sono i commenti HTML e come si possono inserire?

Un commento HTML è un contrassegno speciale che consente ai programmatori e alle programmatrici di lasciare delle note nel codice. Queste note non vengono visualizzate dai browser web e sono quindi invisibili all’utente finale. Per creare un commento in HTML, si utilizza la sintassi <!-- Commento -->. Di seguito è riportato un semplice esempio che mostra come inserire un commento in un documento HTML:

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Pagina di esempio</title>
</head>
<body>
    <!-- Qui c’è un commento, che non viene visualizzato dal browser -->
    <h1>Ciao mondo!</h1>
    <!-- <p>Questo testo non viene visualizzato dal browser.</p> -->
</body>
</html>
HTML

Nell’esempio precedente, il primo commento e quello nel paragrafo HTML vengono ignorati dal browser, in modo da visualizzare solo il testo all’interno del titolo HTML.

Ricordati che in HTML non esiste una sintassi speciale per i commenti su più righe. Tuttavia, è possibile utilizzare più righe all’interno di un singolo commento, il che è particolarmente utile quando sono necessarie spiegazioni o note più lunghe. I commenti su più righe iniziano e finiscono come i commenti su una riga, mentre il testo al suo interno può essere costituito da un numero qualsiasi di righe.

N.B.

I commenti sono una delle prime cose in cui ci si imbatte quando si impara il linguaggio HTML. Per scoprire a cos’altro devi prestare attenzione se desideri programmare siti web in HTML, consulta il nostro tutorial introduttivo sul linguaggio HTML.

Perché servono i commenti HTML?

I commenti HTML sono uno strumento essenziale nello sviluppo web. Hanno diverse funzioni importanti:

  • Documentazione: i commenti aiutano a documentare il codice, in modo che altri sviluppatori e sviluppatrici (o tu stesso in futuro) possano capire più facilmente lo scopo e la funzionalità di certe sezioni di codice.
  • Disattivare il codice: i programmatori e le programmatrici possono disattivare temporaneamente parti di codice o tag HTML senza doverli cancellare. Ciò è particolarmente utile durante il debug o in caso di esperimenti.
  • Organizzazione: i documenti HTML di grandi dimensioni possono essere strutturati e organizzati utilizzando i commenti HTML. In questo modo è più facile navigare e modificare il codice.
  • Annotazioni: gli sviluppatori e le sviluppatrici possono lasciare note personali nel codice, se necessario.

Note importanti sull’uso dei commenti in HTML

Quando si usano i commenti HTML, i programmatori e le programmatrici devono tenere conto di alcune cose. In particolare, non è possibile annidare i commenti, vale a dire che un commento non può essere inserito all’interno di un altro commento. Ciò comporterebbe un errore. Illustriamo questo aspetto con il seguente esempio:

<!--
    Qui c’è un commento.
    <!-- Qui si tratta di un commento annidato e viene generato un errore. -->
-->
HTML

Anche nella creazione dei commenti si devono osservare delle buone pratiche. Innanzitutto, i commenti devono essere chiari e concisi per migliorare la leggibilità del codice, perché se troppo lunghi possono rendere il codice confuso. I commenti superflui devono essere evitati. Vale anche quanto segue: nel migliore dei casi, il codice è autoesplicativo. I commenti sono un’utile aggiunta, ma non sostituiscono uno stile di programmazione pulito.

Acquista e registra il tuo dominio con il provider n°1 in Europa
  • Domain Connect gratuito per una configurazione facile del DNS
  • Certificato SSL Wildcard gratuito
  • Protezione privacy inclusa
Hai trovato questo articolo utile?
Vai al menu principale