I commenti in HTML sono sezioni di testo all’interno dei documenti HTML che vengono ignorate dal browser e non vengono vi­sua­liz­za­te sul sito web. Servono per rendere il codice più com­pren­si­bi­le agli svi­lup­pa­to­ri e alle svi­lup­pa­tri­ci, per lasciare commenti e per di­sat­ti­va­re tem­po­ra­nea­men­te il codice.

Web Hosting
Diventa il n°1 della rete con il provider di hosting n°1 in Europa
  • Di­spo­ni­bi­li­tà garantita al 99,99%
  • Dominio, SSL ed e-mail inclusi
  • As­si­sten­za 24/7 in lingua italiana

Cosa sono i commenti HTML e come si possono inserire?

Un commento HTML è un con­tras­se­gno speciale che consente ai pro­gram­ma­to­ri e alle pro­gram­ma­tri­ci di lasciare delle note nel codice. Queste note non vengono vi­sua­liz­za­te dai browser web e sono quindi in­vi­si­bi­li 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 pre­ce­den­te, il primo commento e quello nel paragrafo HTML vengono ignorati dal browser, in modo da vi­sua­liz­za­re 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 uti­liz­za­re più righe all’interno di un singolo commento, il che è par­ti­co­lar­men­te utile quando sono ne­ces­sa­rie spie­ga­zio­ni 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 co­sti­tui­to da un numero qualsiasi di righe.

N.B.

I commenti sono una delle prime cose in cui ci si imbatte quando si impara il lin­guag­gio HTML. Per scoprire a cos’altro devi prestare at­ten­zio­ne se desideri pro­gram­ma­re siti web in HTML, consulta il nostro tutorial in­tro­dut­ti­vo sul lin­guag­gio HTML.

Perché servono i commenti HTML?

I commenti HTML sono uno strumento es­sen­zia­le nello sviluppo web. Hanno diverse funzioni im­por­tan­ti:

  • Do­cu­men­ta­zio­ne: i commenti aiutano a do­cu­men­ta­re il codice, in modo che altri svi­lup­pa­to­ri e svi­lup­pa­tri­ci (o tu stesso in futuro) possano capire più fa­cil­men­te lo scopo e la fun­zio­na­li­tà di certe sezioni di codice.
  • Di­sat­ti­va­re il codice: i pro­gram­ma­to­ri e le pro­gram­ma­tri­ci possono di­sat­ti­va­re tem­po­ra­nea­men­te parti di codice o tag HTML senza doverli can­cel­la­re. Ciò è par­ti­co­lar­men­te utile durante il debug o in caso di espe­ri­men­ti.
  • Or­ga­niz­za­zio­ne: i documenti HTML di grandi di­men­sio­ni possono essere strut­tu­ra­ti e or­ga­niz­za­ti uti­liz­zan­do i commenti HTML. In questo modo è più facile navigare e mo­di­fi­ca­re il codice.
  • An­no­ta­zio­ni: gli svi­lup­pa­to­ri e le svi­lup­pa­tri­ci possono lasciare note personali nel codice, se ne­ces­sa­rio.

Note im­por­tan­ti sull’uso dei commenti in HTML

Quando si usano i commenti HTML, i pro­gram­ma­to­ri e le pro­gram­ma­tri­ci devono tenere conto di alcune cose. In par­ti­co­la­re, non è possibile annidare i commenti, vale a dire che un commento non può essere inserito all’interno di un altro commento. Ciò com­por­te­reb­be un errore. Il­lu­stria­mo 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. In­nan­zi­tut­to, i commenti devono essere chiari e concisi per mi­glio­ra­re la leg­gi­bi­li­tà 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 è au­toe­spli­ca­ti­vo. I commenti sono un’utile aggiunta, ma non so­sti­tui­sco­no uno stile di pro­gram­ma­zio­ne pulito.

Acquista e registra il tuo dominio con il provider n°1 in Europa
  • Domain Connect gratuito per una con­fi­gu­ra­zio­ne facile del DNS
  • Cer­ti­fi­ca­to SSL Wildcard gratuito
  • Pro­te­zio­ne privacy inclusa
Vai al menu prin­ci­pa­le