欢迎关注路条编程的公众号,通过学习HTML&HTML5基础知识这一系列文章,你将会逐步掌握 Web 开发的基础知识。
今天我们要学习的是HTML语言的注释标签。我们在编写HTML代码的过程上,经常需要对复杂代码逻辑进行说明描述。这种情况下我们就需要用到 HTML 注释标签了。HTML 注释标签只有一个,单行和多行都是使用同一个标签来注释。接下来我们就一起来学习使用HTML 的注释标签吧!
HTML 注释标签是用来在 HTML 源代码中添加注释说明的文字,使用该标签注释的内容将不在浏览器中显示。HTML标签的语法格式为<!-- 注释的描述内容 -->。可以对代码的单行和多行进行注释。以下为单行及多行的注释示例:
单行注释:
<!-- 此标签内容不显示 <h1>嘿,你好,欢迎来到路条编程公众号!</h1> -->
多行注释:
<!-- h5 h6部分内容不显示
<h5>嘿,你好,欢迎来到路条编程公众号!</h5>
<h6>嘿,你好,欢迎来到路条编程公众号!</h6>
-->
代码最终修改结果如下:
<html>
<!--注释 页头 -->
<head>
<!--注释 页头标题 -->
<title>HTML&HTML5基础知识:「04」HTML注释标签几种用法</title>
</head>
<body>
<p> </p>
<!-- <h1>嘿,你好,欢迎来到路条编程公众号!</h1> -->
<h2>嘿,你好,欢迎来到路条编程公众号!</h2>
<h3>嘿,你好,欢迎来到路条编程公众号!</h3>
<h4>嘿,你好,欢迎来到路条编程公众号!</h4>
<!--
<h5>嘿,你好,欢迎来到路条编程公众号!</h5>
<h6>嘿,你好,欢迎来到路条编程公众号!</h6>
-->
<p>生活不仅是眼前的苟且,还有诗和远方。</p>
</body>
</html>
页面注释前和注释后预览效果对比如下:
条件注释:
<script type="text/javascript">
<!--
这是一段javascript代码,此浏览器禁用了javascript功能,请在设置中启用javascript功能。
//-->
</script>
注意:以上代码在注释结尾处多加了//。
为了不影响页面美观,在一些浏览器不支持javascript时,从而把注释文本显示在页面上,提示用户此浏览器不支持javascript!
今晚就讲到到这,如果有问题需要咨询,大家可以直接留言或扫下方二维码加入学习社群,我们会尽力为你解答
作者:路条编程(转载请获本公众号授权,并注明作者与出处)