HTML
Komentarze
Szukaj…
Wprowadzenie
Podobnie jak w innych językach programowania, znaczników i znaczników, komentarze w HTML dostarczają innym programistom informacje dotyczące rozwoju bez wpływu na interfejs użytkownika. Jednak w przeciwieństwie do innych języków, komentarze HTML mogą służyć do określania elementów HTML tylko dla Internet Explorera. W tym temacie wyjaśniono, jak pisać komentarze HTML i ich funkcjonalne aplikacje.
Składnia
<!-- Comment text -->
Uwagi
Wszystko, co zaczyna się na <!-- a kończy na --> jest komentarzem. Komentarze nie mogą zawierać dwóch sąsiadujących myślników ( -- ) i muszą kończyć się dokładnie dwoma myślnikami (tj. ---> jest niepoprawny).
Komentarze nie są widoczne na stronie internetowej i nie mogą być w stylu CSS. Mogą być używane przez programistę strony do robienia notatek w kodzie HTML lub do ukrywania niektórych treści podczas programowania.
W przypadku stron dynamicznych lub interaktywnych ukrywanie i wyświetlanie treści odbywa się za pomocą JavaScript i CSS, a nie komentarzy HTML.
Za pomocą JavaScript można uzyskać zawartość węzłów komentarzy HTML, które można dynamicznie tworzyć, dodawać i usuwać z dokumentu, ale nie wpłynie to na sposób wyświetlania strony.
Ponieważ komentarze HTML są częścią kodu źródłowego strony, są one pobierane do przeglądarki wraz z resztą strony. Kod źródłowy można zazwyczaj wyświetlić za pomocą opcji menu przeglądarki internetowej „Wyświetl źródło” lub „Wyświetl źródło strony”.
Tworzenie komentarzy
Komentarze HTML można wykorzystać do pozostawienia notatek sobie lub innym programistom na temat określonego punktu w kodzie. Można je inicjować za pomocą <!-- i kończyć za pomocą --> , w następujący sposób:
<!-- I'm an HTML comment! -->
Można je włączyć bezpośrednio do innych treści:
<h1>This part will be displayed <!-- while this will not be displayed -->.</h1>
Mogą również obejmować wiele linii, aby dostarczyć więcej informacji:
<!-- 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.
-->
Nie mogą się jednak pojawiać w innym tagu HTML, takim jak ten:
<h1 <!-- testAttribute="something" -->>This will not work</h1>
Powoduje to powstanie nieprawidłowego kodu HTML, ponieważ cały blok <h1 <!-- testAttribute="something" --> będzie uważany za pojedynczy znacznik początkowy h1 z zawartymi w nim innymi nieprawidłowymi informacjami, a po nim pojedynczy > nawias zamykający, który nic nie robi.
W celu zapewnienia zgodności z narzędziami, które próbują parsować HTML jako XML lub SGML, treść komentarza nie powinna zawierać dwóch myślników -- .
Komentarze warunkowe dla programu Internet Explorer
Komentarze warunkowe mogą służyć do dostosowywania kodu dla różnych wersji Microsoft Internet Explorer. Na przykład można udostępnić różne klasy HTML, znaczniki skryptów lub arkusze stylów. Komentarze warunkowe są obsługiwane w wersjach Internet Explorer od 5 do 9. Starsze i nowsze wersje Internet Explorera oraz wszystkie przeglądarki inne niż IE są uważane za „niższe poziomy” i traktują komentarze warunkowe jak zwykłe komentarze HTML.
Poziom ukryty
Komentarze ukryte na niższym poziomie działają poprzez zamknięcie całej zawartości w coś, co wydaje się być zwykłym komentarzem HTML. Tylko IE 5 do 9 nadal będą czytać jako komentarz warunkowy i odpowiednio ukryją lub wyświetlą treść. W innych przeglądarkach zawartość zostanie ukryta.
<!--[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.
-->
Poziom ujawniony
Są one nieco inne niż komentarze ukryte na niższym poziomie: tylko zwykły komentarz warunkowy jest zawarty w normalnej składni komentarzy. Przeglądarki, które nie obsługują komentarzy warunkowych, po prostu je zignorują i wyświetlą resztę treści między nimi.
<!--[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]-->
Komentowanie spacji między elementami wbudowanymi
Wstawiane elementy wyświetlania, zwykle takie jak span lub a , będą zawierać maksymalnie jeden biały znak przed i po nim w dokumencie. Aby uniknąć bardzo długich linii znaczników (trudnych do odczytania) i niezamierzonych białych znaków (które mają wpływ na formatowanie), białe znaki można skomentować.
<!-- 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>
Wypróbuj bez komentarza między elementami wbudowanymi, a między nimi będzie jedna spacja. Czasami pożądane jest wybranie znaku spacji.
Przykładowy kod:
<!-- 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>
Wynik:
