如何优雅地在 HTML 中嵌套注释多个元素？

如何优雅地嵌套 HTML 注释

在 HTML 中注释代码块时，如果需要同时注释多个元素，就会遇到一个问题。如果直接选中多个元素进行注释，注释标记只能出现在第一个元素前面。

为解决此问题，您可以使用名为 "nested-comments" 的插件。此插件提供了一种快捷方式，可以同时注释多个元素。

插件使用方法：

Mac： 按下 command + alt + /
Windows： 按下 control + 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> -->

这样，您就可以同时注释多个元素，而无需担心注释标记问题。