Czy zagnieżdżone komentarze HTML są możliwe?

TL; DR: niestety, nie, to niemożliwe (i nigdy nie będzie).

Krótka odpowiedź:

Komentarz HTML nie jest taki, jak wielu myśli, że jest. HTML jest formą SGML, w której komentarze są rozdzielane parami podwójnych myślników (-- ... --).

Tak więc, każda para dwunożnych kresek wewnątrz pary nawiasów kątowych z wykrzyknikiem po nawiasie otwierającym ( -- ⋯ -- >) jest skomentuj. Spec mówi to lepiej niż ja: http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.4

Dlatego komentarze takie jak ten (który mamy wszystkie prawdopodobnie wykonane raz lub drugi) są bad idea:

<!-- ------------------ HEADER BEGINS HERE -------------------- -->

prawda: jestem zbyt leniwy, aby powiedzieć, ile komentarzy jest reprezentowanych przez powyższy tag, ale to co najmniej 10.

[[4]] mniej się leniuchowałem: ten tzw. "komentarz" w rzeczywistości składa się z 10 komentarzy, trzy słowa poza komentarzem (tzn. po prostu zły SGML), a początek komentarza, który nie został zakończony. To prawdziwy bałagan:

<!--1----2----3----4----5--
HEADER BEGINS HERE
--6----7----8----9----10-- -->

Oczywiście, to nie jest całkiem {33]} tak proste, ze względu na różnice w sposobie interpretowania specyfikacji przez każdą przeglądarkę.

Oto doskonały artykuł, który to wyjaśnia:

Http://weblog.200ok.com.au/2008/01/dashing-into-trouble-why-html-comments.html

Długa odpowiedź: dlaczego dostajemy wrong

Większość z nas, którzy dorastali z HTML (bez zagłębiania się w SGML, który jest jego podstawą)) doszła do przekonania, że ciąg kończy komentarz.

Właściwie, i > rozgranicz deklarację SGML w dokumencie HTML, taką jak deklaracja DOCTYPE, którą wszyscy widzieliśmy na górze naszych stron. W deklaracji SGML komentarze są rozdzielane podwójnymi myślnikami. Tak więc, Komentarz HTML

<!-- this is a comment -->

Które większość z nas wierzy, że jest tak parsowane jest przetwarzany w ten sposób:
-- to jest komentarz -->. Jest to deklaracja SGML, która jest pusta z wyjątkiem komentarza.

Ponieważ HTML jest formą SGML, ten "comment-within-a-declaration" funkcjonuje jako komentarz HTML.

Z ciekawości, oto kawałek czystego SGML to pokazuje komentarze funkcjonujące zgodnie z ich przeznaczeniem w SGML: ta definicja listy atrybutów zawiera komentarz w każdej linii:

<!ATTLIST LINK
  %attrs;                              -- %coreattrs, %i18n, %events --
  charset     %Charset;      #IMPLIED  -- char encoding of linked resource --
  href        %URI;          #IMPLIED  -- URI for linked resource --
  hreflang    %LanguageCode; #IMPLIED  -- language code --
  type        %ContentType;  #IMPLIED  -- advisory content type --
  rel         %LinkTypes;    #IMPLIED  -- forward link types --
  rev         %LinkTypes;    #IMPLIED  -- reverse link types --
  media       %MediaDesc;    #IMPLIED  -- for rendering on these media --
>

Nie da się tego zrobić. --> zawsze zakończy istniejący komentarz HTML.

Jeśli naprawdę utknąłeś z jakimś kawałkiem HTML – pre-renderowanym w jakimś niekontrolowanym źródle – który zawiera komentarze, i musisz upewnić się, że żaden z nich nie jest renderowany na twojej stronie, zawsze możesz go zawinąć tagiem script Jak Poniżej, tylko rzecz w tym, że nie możesz komentować tagów script w ten sposób.

<p>some text</p>

<!-- multiline "comment" below using script type="text/html" -->
<script type="text/html">

  <p>commented out html</p>

  <!-- comment 2

      // are nested html comment allowed?

    end of comment 2 -->

  <p>more commented out html</p>

</script>

<p>some more text</p>

Jeśli chcesz skomentować tagi script, możesz użyć textarea jako wrappera, oczywiście robiąc to w ten sposób, nie możesz komentować textarea tagi.

<p>some text</p>

<!-- multiline "comment" below using textarea style="display:none;" -->
<textarea style="display:none;">

  <script>  

    alert("which won't show up..");  

  </script>

  <p>commented out html</p>

  <!-- comment 2

      // are nested html comment allowed?

    end of comment 2 -->

  <p>more commented out html</p>

</textarea>

<p>some more text</p>

Użyj znacznika template. Najszybszy sposób, aby zablokować wszystkie komentarze i inne html z wyświetlania się.

<template>
    <!-- first paragraph-->
    Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    <!-- second paragraph-->
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</template>

    <!-- third paragraph-->
    Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.sunt in culpa qui officia deserunt mollit.

Niektórzy edytorzy mają polecenia komentowania/komentowania, które mogą automatycznie obsługiwać istniejące komentarze w bloku tekstu. Visual Studio robi to np. po naciśnięciu Ctrl + KC i Ctrl + KU.

A VS add - in, który fałszuje zagnieżdżone komentarze, automatycznie konwertując <!--...--> na <!~~...~~>, a następnie komentuje całą sekcję. Umożliwia włączanie i wyłączanie.

Zagnieżdżone-komentarze

Myślę, że nie jest to dozwolone, ale z tego, co wiem, działa w większości głównych przeglądarek z wyjątkiem Firefoksa.

Spróbuj użyć tego

<!-- 

To jest początek komentarza

<%-- this is another comment --%>

<%-- this is another one --%>

--> Koniec komentarzy.

Spróbuj tego

<p>some text</p>
<comment> comment 1
<p>commented out html</p>
<!-- comment 2
  // are nested html comment allowed?
end of comment 2 -->
<p>more commented out html</p>
end of comment 1 </comment>
<p>some more text</p>