不是每行代号都需要注释,但注释代码量要占10% ~ 20%,以免其他人在检测调试代码的时候,不知道这段代码是什么意思,还得从前面开始理解代码,增加别人的工作量。下面,我们来看看如何注释html、css、js代码吧。
01html注释的格式
html注释的格式是【 <!--代码块-->】,把注释的内容写在“<!--”和“-->”里面就可以了。这个表示多行或单行注释。
<!--这里写这个元素的层级、包含的大致内容、这个区域的名称-->
02html注释的快捷键
在sublime编辑代码的时候,可以使用快捷键组合【 ctrl+shift+/ 】来注释代码。
03css注释的格式
CSS注释的格式是【/* 注释内容 */】
04js注释的格式
js注射的格式是【// js代码】
css注释写法正确的是/* 注释语句 */
CSS3的基本语法CSS3的语法非常简单,如下:先写选择器,选择器就是选择页面上的某一个元素。然后在选择器的后面写一个空格,也可以不写空格,但是当你格式化网页代码的时候,选择器后面的空格就会自动被添加上。
然后再写一个大括号对,在键盘上就是字母p后面的两个键。大括号里面就是当前这个选择器的样式的罗列,样式的形式就是—-k:vk:vk:v每一个k:v就叫一条样式。k就是属性名,v就是属性的值。
属性名和属性值之间用英文的冒号隔开,冒号后面可以有一个空格,也可以没有空格。每一个k:v和另一个k:v之间,必须用英文的分号隔开。每一个选择器的最后一条样式,是可以不写分号的。如下:CSS的每一条样式,也可以不换行。
当然不换行的写法,也是符合CSS3的语法规范的,只是这样写显得有点凌乱。当然在vscode编辑器里,写css的时候,冒号和分号是自动补全的,基本上也不会出现编写错误。CSS3的注释CSS3的注释是这样写的:
比如:在CSS代码或CSS文件中,按Ctrl+/快捷键,可以快速形成注释。现在我在项目文件夹中创建一个”CSS3基本语法.html”的文件,在里面演示CSS3语法和注释。