进阶HTML--注释标签 --------16岁的小前端

大家有没有听说过这样的话【把我接下来的话记下来，期末要考的】；或者说【把“桃花潭水深千尺”的“桃花”注释一下，这两个字的意思是.......】；

老师这里要我们做注释的目的就是方便我们下次复习；（第二张是我的笔记）

那么我们的HTML代码中需不需要这样的注释呢？当然需要了；

并且我们所写的注释的内容一般都不会显示在用户的页面中；只能在自己的代码中显示，方便自己开发；

所以说那一群人就规定了这样的代码里面可以写注释

<!---->

代码	标签名	属性
<!--	注释标签【开始】	让子元素的内容注释掉，浏览器不显示
-->	注释标签【结束】	结束注释内容

 

 

 

 

 

注释的内容可以写在【  !  】 号后的第2个【  -  】后面；例如：

<!--注释代码写在这-->

现在我们知道了怎么用，那么来实战一下吧；

我们可以看到在sublime text里写出的注释代码颜色会变浅；

下面我们来用浏览器打开看一下

我写的注释代码确实是没有显示出来，这就说明【   <!--注释-->   】就是我们HTML的注释代码；

我想让他注释多行，是否可以呢？；

sublime text 把我写的3行文字颜色都变浅了，照这样看应该是可以注释的，我们来用浏览器打开看一下；

果然也会把多行的文字给注释掉；

因为在这里  【   <!--   】相当于注释标签【开始】，【   -->   】相当于注释标签【结束】；

所以 注释标签与里面内容的关系就是【嵌套关系】，

          而里面的文字相当于子元素；外面的注释标签相当于父元素；

子元素文字   继承  了父元素注释标签的  属性   ；

 

注释的作用：不被渲染内核执行的内容。用于自己标记内容，方便后期的修改，以及他人的看你的代码时能够尽快读懂；

 

 

 

 

                                               ----------------------------16岁的小前端