html 代码如何嵌套注释？

Question

比方说有一段html中，有几个div上面我加了注释，但这几个div我都需要注释掉，暂时不用了，这时候选中多个div注释就会出现问题，有什么好的方式解决吗？

Answer 1

可以使用这个插件nested-comments

注释快捷方式
Mac: cmd + alt + /
Windows: ctrl + alt + /

<main>
  <div class="container">
    <h2>Hello World</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <!-- <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p> -->
  </div>
</main>

插件会把已有的注释变为<!~~ **** ~~>:

<!-- <main>
  <div class="container">
    <h2>Hello World</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <!~~ <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p> ~~>
  </div>
</main> -->

Answer 2

不说那些华丽的各种内容套路，就说下html 注释的基本原理
首先html的注释 就【只有】且【只有】一种 注释方案

注释代码为

格式： <!-- 想要注释的内容 -->
请注意
是以 【 符号 < 】起始 【 符号 !--】作为起始申明的
是以 【符号 --】 作为申明结束 【符号 >】作为结束

在这个组合区间内的所有内容都可以注释

比如单行注释
<!-- <div> 我是单行注释 </div> -->

比如多行注释
<!-- 
<div>
    <p> 我是多行注释</p>
    <p> 我是多行注释</p>
    <div>
        <span> 我是多行注释</span>
        <b> 我是多行注释</b>
    </div>
</div>
-->

想要注释的内容在浏览器中是无法被渲染的，但是在代码中依然可以看到。