可以嵌套HTML注释吗？

按照标题；是否可以在有效的HTML中嵌套注释？请参阅下面的示例...

<p>some text</p>

  <!-- 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 -->

<p>some more text</p>

似乎没有，有人知道我如何才能使用嵌套注释吗？

嵌套注释时，将“-”替换为“--”。取消嵌套时，请执行相反的步骤。不是<!--被禁止的，而是被禁止的--。

例：

<!-- some stuff
<!- - some inner stuff - ->
<!- - a sibling - ->
the footer -->

TL; DR：不幸的是，不，这是不可能的（而且永远不会）。

简短答案：

HTML注释并不是很多人认为的那样。HTML是SGML的一种形式，其中注释用双破折号（--...）分隔。 --）。

因此，在一对尖括号内的任何一对双破折号都带有一个尖括号，该尖括号在开括号（<! --⋯ -- >）之后。规范说得比我更好：http : //www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.4

这就是为什么这样的评论（我们都可能已经做过一次或多次）是一个坏主意的原因：

<！-------------------标题从这里开始--------------------->

真相：我懒得告诉您上述标记污染代表了多少评论，但至少有10条。

我不那么懒惰：所谓的“评论”实际上包括10条评论，任何评论之外的三个词（即，糟糕的SGML）以及未终止的评论的开头。真是一团糟：

<!--1 ----2 ----3 ----4 ----5--
标头从这里开始
--6 ----7 ----8 ----9 ----10-- -->

当然，这不是很简单，因为在每个浏览器选择如何解释规范的差异。

这是一篇很好的文章，对它进行了解释：

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

长答案：为什么我们弄错了

我们大多数与HTML一起成长的人（没有深入研究作为其基础的SGML）已经开始相信该字符串<!--以注释开头，并且该字符串-->以注释结尾。

其实，<!和>界定你的HTML文档内的SGML声明，如DOCTYPE声明我们都看到在我们的网页上。在 SGML声明中，注释用双破折号分隔。因此，HTML注释

<！-这是评论->

我们大多数人会认为这样解析的<!-- this is a comment -->实际上是这样解析的：
<!-- this is a comment -->。这是一个SGML声明，除注释外为空。

因为HTML是SGML的一种形式，所以“声明内的注释”充当HTML注释。

出于兴趣，下面是一个纯SGML块，它显示了注释在SGML中的预期功能：此属性列表定义在每一行包含一个注释：

<！ATTLIST链接
  ％attrs; -％coreattrs，％i18n，％events-
  字符集％字符集; #IMPLIED-链接资源的char编码-
  href％URI; #IMPLIED-链接资源的URI-
  hreflang％LanguageCode; #IMPLIED-语言代码-
  类型％ContentType; #IMPLIED-咨询内容类型-
  rel％LinkTypes; #IMPLIED-转发链接类型-
  rev％LinkTypes; #IMPLIED-反向链接类型-
  媒体％MediaDesc; #IMPLIED-用于在这些媒体上呈现-
>

无法完成。-->将始终结束现有的HTML注释。

如果您确实对某些HTML感兴趣-在某些不可控制的源代码中预渲染-包含注释，并且需要确保所有HTML内容均未呈现在您的页面上，则可以始终使用以下script标记将其包装起来，唯一的事情是，您不能以script这种方式注释掉标签。

<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>

如果您需要注释掉script标签，则可以改用textareaas包装器，这当然是不可行的，您不能注释掉textarea标签。

<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>

使用template标签。阻止所有评论和其他html出现的最快方法。

<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.

一些编辑器具有注释/取消注释命令，这些命令可以自动处理文本块中的现有注释。例如，当您按Ctrl + KC和Ctrl + KU时，Visual Studio就是这样做的。

一个VS插件通过自动伪造嵌套的注释将其转换<!--...-->为<!~~...~~>然后注释掉整个部分。它使您可以打开和关闭它。

嵌套评论

我认为这是不允许的，但据我所知，它可以在除Firefox之外的大多数主要浏览器中使用。

尝试使用这个

<!-- 

这是评论的开始

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

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

--> 评论的结尾。

试试这个

<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>