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

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

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

进阶HTML--注释标签 --------16岁的小前端_第1张图片进阶HTML--注释标签 --------16岁的小前端_第2张图片

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

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

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

代码 标签名 属性

注释标签【结束】 结束注释内容

 

 

 

 

 

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

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

进阶HTML--注释标签 --------16岁的小前端_第3张图片

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

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

进阶HTML--注释标签 --------16岁的小前端_第4张图片

我写的注释代码确实是没有显示出来,这就说明【      】就是我们HTML的注释代码;

我想让他注释多行,是否可以呢?;

进阶HTML--注释标签 --------16岁的小前端_第5张图片

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

进阶HTML--注释标签 --------16岁的小前端_第6张图片

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

因为在这里  【      】相当于注释标签【结束】

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

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

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

 

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

 

 

 

 

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

你可能感兴趣的:(HTML)