【问题标题】：How to comment/uncomment in HTML code如何在 HTML 代码中注释/取消注释
【发布时间】：2011-04-14 23:56:08
【问题描述】：

通常在用 html 编写视图模板时，我添加一些有用的 cmets 的习惯会导致在测试时花费大量时间。

考虑这段代码...

<!-- Here starts the sidebar -->
<div id="sidebar">
....
</div>

<!-- Here starts the main contents pane -->
<div id="main-contents">
...
</div>

<!-- Here starts the footer -->
<div id="footer">
...
</div>

现在，如果我必须隐藏视图模板的某些部分，对于 php，我只需选择所需的代码并放置单行 cmets（大多数情况下使用快捷键）。

但是，在 html 代码中，只有块 cmets 起作用，我最终删除了所有结束注释标记 (-->) 直到我希望注释发生的位置 - 像这样......

<!-- Here starts the sidebar
<div id="sidebar">
....
</div>

<!-- Here starts the main contents pane
<div id="main-contents">
...
</div>

<!-- Here starts the footer
<div id="footer">
...
</div>-->

然后当我完成测试时，我必须经历放回那些结束标签的痛苦。

有没有更好更省时的方式来阻止 HTML 中的评论？

【问题讨论】：

标签： html coding-style comments

【解决方案1】：

是es，将结构元数据注释掉，

**`Using <script>/* ... */</script> in .html`**

注释掉大部分 HTML（注释块）

我在 .html 文件中的个人方式正在打开：<script>/* 并用 */</script> 关闭它

<script>/* hiding code go here */</script>

是解决问题的方法，因为它不是 HTML。

考虑您在 .html 中的代码...

  <!-- Here starts the sidebar -->
  <div id="sidebar">
  ....
  </div>

<script>/*
  <!-- Here starts the main contents pane -->
  <div id="main-contents">
  ...
  </div>

  <!-- Here starts the footer -->
  <div id="footer">
  ...
  </div>
*/</script>

在一种情况下，PHP 文件中的 HTML 使用注释标记 <?/* 或 <?php /* 并用 */?> 关闭它。请记住，该文件必须是 .php 扩展名，并且不能在 .html 中使用。

<?/* hiding code go here */?>

考虑您在 .php 中的代码...

  <!-- Here starts the sidebar -->
  <div id="sidebar">
  ....
  </div>

<?/*
  <!-- Here starts the main contents pane -->
  <div id="main-contents">
  ...
  </div>

  <!-- Here starts the footer -->
  <div id="footer">
  ...
  </div>
*/?>

HTML 之外的东西一文不值，但开发人员的常见做法是注释掉元数据的一部分，这样它就不会在浏览器中呈现和/或执行。在 HTML 中，注释掉多行可能很耗时。排除包含 cmets、CSS 或代码的模板结构元数据片段并系统地注释掉以查找错误源是很有用的。注释掉块被认为是一种不好的做法，建议使用版本控制系统。属性“type”在 HTML4 中是必需的，在 HTML5 中是可选的。

【讨论】：

在 .html 中使用 - 聪明！！

【解决方案2】：

以下内容在 .php 文件中运行良好。

<php? /*your block you want commented out*/ ?>

【讨论】：

【解决方案3】：

/*（开场白） */（近距离）

例如，

<html>
 /*<p>Commented P Tag </p>*/
<html>

【讨论】：

不，这不起作用。这些字符仍会出现在文本中。在此处查看其他答案。

【解决方案4】：

在标题 cmets 的“-->”之间放置一个空格。例如“- ->”

【讨论】：

【解决方案5】：

Eclipse Juno 有一个很好的方法。您只需执行 cmd+/

【讨论】：

【解决方案6】：

根据您的编辑器，这应该是一个相当容易编写的宏。

转到行首或突出显示的区域
插入

另一个宏来反转这些步骤，你就完成了。

编辑：这种简单的方法不处理嵌套的注释标签，但在一般情况下应该使注释/取消注释更容易。

【讨论】：

那不行，因为中间的任何--> 都会结束评论，这不是他想要的。他希望能够轻松地注释掉一个块，而不必手动删除其间的所有-->，然后在最后重新添加它们。

【解决方案7】：

我的视图模板通常是 .php 文件。这就是我现在要使用的。

<?php // Some comment here ?>

该解决方案与@Robert 建议的非常相似，对我有用。我猜不是很干净。

【讨论】：

【解决方案8】：

我发现这也是 XML 样式文档注释的祸根。有像eclipse这样的XML编辑器可以执行block commenting。基本上每行自动添加额外的并删除它们。可能是他们故意让注释文档的样式变得困难，毕竟它应该是用标签自我解释的。

【讨论】：

【解决方案9】：

您可以尝试将--> 替换为不同的字符串，例如#END#，并在您希望返回结束标签时使用您的编辑器进行搜索和替换。

【讨论】：

【解决方案10】：

取决于扩展名。如果是 .html，您可以使用 <? 开始评论并使用 ?> 结束评论。这真的是我能想到的唯一选择。 http://jsfiddle.net/SuEAW/

【讨论】：

选择 html 代码 => 使用 Ctrl+K 来注释或取消注释。

【解决方案11】：

没有。除非你找到一个工具可以完成你为你描述的事情。

【讨论】：

是es，将结构元数据注释掉，

Using &lt;script&gt;/* ... */&lt;/script&gt; in .html

**`Using <script>/* ... */</script> in .html`**