Ricerca…


introduzione

Analogamente ad altri linguaggi di programmazione, markup e markdown, i commenti in HTML forniscono ad altri sviluppatori informazioni specifiche sullo sviluppo senza influire sull'interfaccia utente. A differenza di altri linguaggi, tuttavia, i commenti HTML possono essere utilizzati per specificare solo elementi HTML per Internet Explorer. Questo argomento spiega come scrivere commenti HTML e le loro applicazioni funzionali.

Sintassi

  • <!-- Comment text -->

Osservazioni

Tutto ciò che inizia con <!-- e termina con --> è un commento. I commenti non possono contenere due trattini adiacenti ( -- ) e devono terminare esattamente con due trattini (es. ---> non è corretto).

I commenti non sono visibili su una pagina Web e non possono essere abbinati a CSS. Possono essere utilizzati dallo sviluppatore della pagina per creare note all'interno dell'HTML o per nascondere determinati contenuti durante lo sviluppo.

Per le pagine dinamiche o interattive, nascondere e mostrare il contenuto è fatto con JavaScript e CSS piuttosto che con commenti HTML.

È possibile utilizzare JavaScript per ottenere il contenuto dei nodi di commento HTML e questi nodi possono essere creati dinamicamente, aggiunti e rimossi dal documento, ma ciò non influisce sul modo in cui viene visualizzata la pagina.

Poiché i commenti HTML fanno parte del codice sorgente della pagina, vengono scaricati nel browser insieme al resto della pagina. Generalmente il codice sorgente può essere visualizzato utilizzando l'opzione di menu del browser Web su "Visualizza sorgente" o "Visualizza origine pagina".

Creazione di commenti

I commenti HTML possono essere utilizzati per lasciare note a te stesso o ad altri sviluppatori su un punto specifico del codice. Possono essere iniziati con <!-- e conclusi con --> , in questo modo:

<!-- I'm an HTML comment! -->

Possono essere incorporati in linea all'interno di altri contenuti:

<h1>This part will be displayed <!-- while this will not be displayed -->.</h1>

Possono anche estendersi su più righe per fornire ulteriori informazioni:

<!-- This is a multiline HTML comment.
  Whatever is in here will not be rendered by the browser.
  You can "comment out" entire sections of HTML code.
-->

Tuttavia, non possono apparire all'interno di un altro tag HTML, come questo:

<h1 <!-- testAttribute="something" -->>This will not work</h1>

Questo produce HTML non valido come l'intero <h1 <!-- testAttribute="something" --> blocco sarebbe stato considerato un singolo tag iniziale h1 con alcune altre informazioni non valide in esso contenute, seguito da un singolo > parentesi di chiusura che non fa nulla.

Per compatibilità con strumenti che tentano di analizzare HTML come XML o SGML, il corpo del tuo commento non dovrebbe contenere due trattini -- .

Commenti condizionali per Internet Explorer

I commenti condizionali possono essere utilizzati per personalizzare il codice per diverse versioni di Microsoft Internet Explorer. Ad esempio, possono essere fornite diverse classi HTML, tag di script o fogli di stile. I commenti condizionali sono supportati nelle versioni di Internet Explorer dalla 5 alla 9. Le versioni precedenti di Internet Explorer e tutti i browser non IE sono considerati "di livello inferiore" e trattano i commenti condizionali come normali commenti HTML.

Di livello inferiore-nascosto

I commenti nascosti in basso funzionano incapsulando l'intero contenuto in quello che sembra essere un normale commento HTML. Solo IE da 5 a 9 continueranno a leggerlo come commento condizionale e nasconderanno o visualizzeranno il contenuto di conseguenza. Negli altri browser il contenuto verrà nascosto.

<!--[if IE]>
  Revealed in IE 5 through 9. Commented out and hidden in all other browsers.
<![endif]-->

<!--[if lt IE 8]>
  Revealed only in specified versions of IE 5-9 (here, IE less than 8).
<![endif]-->

<!--[if !IE]>
  Revealed in no browsers. Equivalent to a regular HTML comment.
<![endif]-->

<!--
  For purposes of comparison, this is a regular HTML comment.
-->

Di livello inferiore-rivelato

Questi sono leggermente diversi dai commenti nascosti di livello inferiore: solo il commento condizionale stesso è contenuto nella normale sintassi dei commenti. I browser che non supportano i commenti condizionali semplicemente li ignorano e visualizzano il resto del contenuto tra loro.

<!--[if IE]>-->
  The HTML inside this comment is revealed in IE 5-9, and in all other browsers.
<!--<![endif]-->

<!--[if IE 9]>-->
  This is revealed in specified versions of IE 5-9, and in all other browsers.
<!--<![endif]-->

<!--[if !IE]>-->
  This is not revealed in IE 5-9. It's still revealed in other browsers.
<!--<![endif]-->

Commentando spazi bianchi tra elementi in linea

Gli elementi di visualizzazione in linea, di solito come span o a , includeranno fino a un carattere di spazio bianco prima e dopo di essi nel documento. Per evitare righe molto lunghe nel markup (che è difficile da leggere) e lo spazio bianco non intenzionale (che influenza la formattazione), lo spazio bianco può essere commentato.

<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>

Provalo senza un commento tra gli elementi in linea e ci sarà uno spazio tra loro. A volte è necessario raccogliere il carattere dello spazio.

Codice di esempio:

<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
<hr>
<!-- Without it, you can notice a small formatting difference: -->
<a href="#">I hope there will be no extra whitespace after this!</a>
<button>Foo</button>

Produzione:

inserisci la descrizione dell'immagine qui



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow