如何注释html、css、js代码

不是每行代号都需要注释，但注释代码量要占10% ~ 20%，以免其他人在检测调试代码的时候，不知道这段代码是什么意思，还得从前面开始理解代码，增加别人的工作量。下面，我们来看看如何注释html、css、js代码吧。

html注释的格式

html注释的格式是【 <!--代码块-->】，把注释的内容写在“<!--”和“-->”里面就可以了。这个表示多行或单行注释。

　<!--这里写这个元素的层级、包含的大致内容、这个区域的名称-->

html注释的快捷键

在sublime编辑代码的时候，可以使用快捷键组合【 ctrl+shift+/ 】来注释代码。

css注释的格式

CSS注释的格式是【/* 注释内容 */】

js注释的格式

js注射的格式是【// js代码】

① 首先，可以在HTML编辑器上手写代码 <!-- xxx -->（注：xxx为注释内容，而且要在输入法是要在英文状态下）；

② 对于HTML文件中的某一行需要注释的内容，可以将鼠标光标定位都其中任意一个位置，直接按Ctrl+“/”（这是斜杠键）即可（或者Ctrl + shift +“/”），或者麻烦点就先选中注释内容直接按Ctrl+“/”（特别是在不同行中不同位置分布的注释内容）；

③ 对于HTML文件中的 CSS样式的<style></style>里面的内容，要注释的话也是按照Ctrl+“/”（这是斜杠键）来 *** 作，手写格式是 /* xxx */；

④ 对于HTML文件中的<script></script>里面的注释内容，要注释时，要先选中注释内容然后：

单行注释：按照Ctrl+“/”（这是斜杠键）；手写格式 //

多行注释：按照Ctrl + shift +“/”（这是斜杠键）；手写格式 /* xxx */

HTML注释的格式如下：

左尖括号开始，一个感叹号跟两个减号。然后写入注释内容。后面跟两个减号，以右尖括号结束；

例如：<!-- 这里是注释内容-->

HTML注释的作用：

1、用”<!---->”注释的内容不会显示在浏览器中。注释标签用于在源代码中插入注释，注释的内容不会显示在浏览器中。对关键代码进行注释，有助于以后看懂当时编写的源代码。

2、在编写HTML代码时，经常要在一些关键代码旁做一下注释，这样做的好处很多，比如：方便理解、方便查找或方便项目组里的其它程序员了解代码，而且可以方便以后对自己代码进行修改。

3、对关键代码的注释是一个良好的习惯。在开发网站或者功能模块开发时，代码的注释尤其重要。因为那个时候的代码往往都是几百上千行，要是不对关键的代码进行注释，往往自己都会觉得头晕，甚至看不懂自己当时写的代码。

---