html如何嵌套使用注释

简介: html如何嵌套使用注释

很多人在使用html的注释嵌套使用时都会发现并不能达到我们想到的效果,上网搜未果,尝试时突然发现一种方法可以实现html中注释的嵌套使用。


在html中我们如果进行注释的嵌套使用时↓


 <!-- 这是一个注释 <!-- 这是注释中的注释 --> -->  

那么运行后的情况是这样的↓

1.png


这显然没达到我们要的目的

下面是正确的使用方式:

<!-- 这是一个注释 <!-- 这是注释中的注释 -> -->

2.png


如上图,只要在内部嵌套中少打一个 “-” 就可以了


完整代码:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1>HTML如何嵌套使用注释</h1>
    <p>嵌套的错误使用方式↓</p>
    <!-- 这是一个注释 <!-- 这是注释中的注释 --> -->  
    <p>嵌套的正确使用方式↓</p>
    <!-- 这是一个注释 <!-- 这是注释中的注释 -> -->
    <p>嵌套的正确使用方式↓</p>
    <!-- 
    这是一个注释
     <!-- 这是注释中的注释  ->
    -->  
      <p>这是一段话</p>
  </body>
</html>

运行效果:

3.png


相关文章
|
7月前
|
前端开发 搜索推荐
【HTML专栏4】常用标签(标题、段落、换行、文本格式化、注释及特殊字符)
【HTML专栏4】常用标签(标题、段落、换行、文本格式化、注释及特殊字符)
89 0
|
7月前
|
开发者 容器
如何像人类一样写HTML之第一个HTML、标签的关系与注释
如何像人类一样写HTML之第一个HTML、标签的关系与注释
【PHP学习】—PHP文件嵌套HTML(四)
【PHP学习】—PHP文件嵌套HTML(四)
|
JavaScript
网页嵌套:一个html嵌套到另一个html中
网页嵌套:一个html嵌套到另一个html中
190 0
|
程序员
零基础HTML入门教程(9)——注释
总结下,程序中的注释,其实是用来解释程序代码的,一般用于提醒程序员这段代码的作用、注意事项,但是注释对程序本身是没有影响的。第二,注释不属于原文,也就是说,注释不属于程序代码,它对程序的运行没有任何影响,只是起到一个提示作用。我们这一小结学习了注释,注释好比英语或者是语文的文言文,我们可以再写完的代码上加注释,方便以后阅读。,中间的xxxx部分就是被注释的内容,注释的代码对网页毫无影响,是用来提示程序员的。第一,注释的作用是解释,也就是说,程序中的注释的作用是对程序代码进行解释。
零基础HTML入门教程(9)——注释
|
前端开发 JavaScript
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
130 0
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
|
前端开发 JavaScript
开源超美css动态背景 可直接引入html文件使用 含注释、可更改
开源超美css动态背景 可直接引入html文件使用 含注释、可更改
409 0
开源超美css动态背景 可直接引入html文件使用 含注释、可更改
Go语言之自定义模板,引用多个模板html文件嵌套使用
Go语言之自定义模板,引用多个模板html文件嵌套使用
297 0
Go语言之自定义模板,引用多个模板html文件嵌套使用
|
前端开发 JavaScript
HTML里面注释掉的代码有很多,会影响页面性能吗?
HTML里面注释掉的代码有很多,会影响页面性能吗?
386 0
uiu
|
前端开发 JavaScript 编译器
【Svelte】-(1)基础知识 / 快速上手 / 添加数据 / 动态属性 / CSS样式 / 嵌套组件 / HTML标签
【Svelte】-(1)基础知识 / 快速上手 / 添加数据 / 动态属性 / CSS样式 / 嵌套组件 / HTML标签
uiu
307 0
【Svelte】-(1)基础知识 / 快速上手 / 添加数据 / 动态属性 / CSS样式 / 嵌套组件 / HTML标签
下一篇
DataWorks