# Come funzionano i commenti in HTML?

I commenti in HTML sono sezioni di testo all’interno dei documenti HTML che vengono ignorate dal [browser](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/cosa-sono-i-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.

## 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](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/cose-lhtml/), si utilizza la sintassi `\<!-- Commento -->`. Di seguito è riportato un semplice esempio che mostra come inserire un commento in un documento HTML:

```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> -->
<div class="hash d-none" hidden>hash_1f19b450bcae1d2e2726105ca3879e8dc328001d</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

Nell’esempio precedente, il primo commento e quello nel [paragrafo HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/paragrafo-html/) vengono ignorati dal browser, in modo da visualizzare solo il testo all’interno del [titolo HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/titoli-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](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/imparare-lhtml-lampio-tutorial-per-principianti/).

## 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](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/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:

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

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.


This is a markdown version of: [https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/commenti-html/](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/commenti-html/) for AI/LLM consumption.