HTML
kommentarer
Sök…
Introduktion
I likhet med andra språk för programmering, markering och markering, ger kommentarer i HTML andra utvecklare utvecklingsspecifik information utan att det påverkar användargränssnittet. Till skillnad från andra språk kan emellertid HTML-kommentarer endast användas för att specificera HTML-element för Internet Explorer. Det här ämnet förklarar hur man skriver HTML-kommentarer och deras funktionella applikationer.
Syntax
<!-- Comment text -->
Anmärkningar
Allt som börjar med <!-- och som slutar med --> är en kommentar. Kommentarer kan inte innehålla två intilliggande streck ( -- ), och måste sluta med exakt två streck (dvs. ---> är inte korrekt).
Kommentarer är inte synliga på en webbsida och kan inte utformas med CSS. De kan användas av sidens utvecklare för att göra anteckningar i HTML eller för att dölja visst innehåll under utvecklingen.
För dynamiska eller interaktiva sidor görs att dölja och visa innehåll med JavaScript och CSS snarare än med HTML-kommentarer.
JavaScript kan användas för att få innehållet i HTML-kommentarnoder och dessa noder kan dynamiskt skapas, läggas till och tas bort från dokumentet, men det kommer inte att påverka hur sidan visas.
Eftersom HTML-kommentarer är en del av sidans källkod laddas de ner till webbläsaren tillsammans med resten av sidan. Källkoden kan vanligtvis ses med webbläsarens menyalternativ för "Visa källa" eller "Visa sidkälla."
Skapa kommentarer
HTML-kommentarer kan användas för att lämna anteckningar till dig själv eller andra utvecklare om en specifik kodkod. De kan initieras med <!-- och avslutas med --> , som så:
<!-- I'm an HTML comment! -->
De kan integreras inline i annat innehåll:
<h1>This part will be displayed <!-- while this will not be displayed -->.</h1>
De kan också sträcka sig över flera rader för att ge mer information:
<!-- 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.
-->
De kan emellertid inte visas i en annan HTML-tagg, så här:
<h1 <!-- testAttribute="something" -->>This will not work</h1>
Detta producerar ogiltig HTML eftersom hela <h1 <!-- testAttribute="something" --> blocket skulle betraktas som en enda starttagg h1 med någon annan ogiltig information som finns i den följt av en enda > stängningskonsol som inte gör något.
För kompatibilitet med verktyg som försöker analysera HTML som XML eller SGML bör kroppen i din kommentar inte innehålla två streck -- .
Villkorliga kommentarer för Internet Explorer
Villkorliga kommentarer kan användas för att anpassa kod för olika versioner av Microsoft Internet Explorer. Till exempel kan olika HTML-klasser, skripttaggar eller stilsidor tillhandahållas. Villkorliga kommentarer stöds i Internet Explorer versionerna 5 till 9. Äldre och nyare Internet Explorer-versioner, och alla webbläsare som inte är IE, betraktas som "downlevel" och behandlar villkorade kommentarer som vanliga HTML-kommentarer.
Downlevel dolda
Dolda nivåer dolda kommentarer fungerar genom att kapsla in hela innehållet i det som verkar vara en normal HTML-kommentar. Endast IE 5 till 9 kommer fortfarande att läsa den som en villkorlig kommentar, och de kommer att dölja eller visa innehållet i enlighet därmed. I andra webbläsare kommer innehållet att döljas.
<!--[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.
-->
Downlevel-avslöjade
Dessa är något annorlunda än dolda kommentarer i nedre nivå: bara själva villkorskommentaren finns i den normala kommentarsyntaxen. Webbläsare som inte stöder villkorade kommentarer ignorerar dem helt enkelt och visar resten av innehållet mellan dem.
<!--[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]-->
Kommentera utrymmet mellan inlineelement
Inline visningselement, vanligtvis som span eller a , kommer att innehålla upp till ett vitrumstecken före och efter dem i dokumentet. För att undvika mycket långa rader i markeringen (som är svåra att läsa) och oavsiktligt vitrum (som påverkar formateringen) kan vitrummet kommenteras.
<!-- 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>
Prova det utan en kommentar mellan inlineelementen, så finns det ett mellanrum mellan dem. Ibland önskar man plocka upp rymdkaraktären.
Exempelkod:
<!-- 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>
Produktion:
