如何注释html、css、js代码

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

01

html注释的格式

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

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

02

html注释的快捷键

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

03

css注释的格式

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

04

js注释的格式

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

简单的说，html相当于房子的框架，css相当于把房子装修了一下。

HTML与CSS之间的区别

1、性质不同

HTML（结构）：全称Hyper Text Markup Language（超文本标记语言），用于定义文档内容结构。该语言写的代码通常会被浏览器解析执行.

CSS（布局）：全称Cascading Style Sheets （层叠样式表），用于定义HTML文档的样式（外观）。CSS是页面表现的基础，可以控制布局，控制元素的渲染。

HTML是描述网页内容和结构的基本标记语言。而，CSS是HTML的扩展，它修改了网页的设计和显示。

HTML是网页的结构，CSS是网页的样式。例如如果把整个网页比喻成一个人，那么HTML就是骨头，CSS就是衣服。

2、语法不同

HTML由围绕内容的标签组成。而CSS由一个声明块继承的选择器组成。

html语法示例如下：

<div>内容</div>

css语法示例：

div{font-size:12px}

3、注释的格式不同

HTML注释格式：

<!--注释内容-->

CSS注释格式：

/*注释内容*/

4、HTML文件可以包含CSS代码，而CSS样式表绝对不能包含HTML代码。

即CSS可以在HTML文件中使用，但HTML不能在CSS样式表中使用。

1、定义不同

（1）HTML（结构）：全称Hyper Text Markup Language（超文本标记语言），该语言是用于定义文档内容结构。

（2）CSS（布局）：全称Cascading Style Sheets （层叠样式表）。

2、性质不同

HTML是网页的结构，CSS是网页的样式。例如如果把整个网页比喻成一个人，那么HTML就是骨头，CSS就是衣服。

2、功能不同

HTML功能：

（1）该语言写的代码通常会被浏览器解析执行.

（2）超文本：不止包括文本，还有图片、链接、音乐。

（3）一个页面就是一篇文档，而一篇文档最核心的就是内容，不同含义。

CSS功能：

（1）用于定义HTML文档的样式（外观）。

（2）页面表现的基础，可以控制布局，控制元素的渲染。

4、格式不同

（1）HTML注释格式：<!--注释内容-->

（2）CSS注释格式：/*注释内容*/

参考资料来源：百度百科—HTML

参考资料来源：百度百科—CSS

---