前端注释总结

目录

1.HTML注释

1.1普通注释

 1.2条件注释

2.CSS注释

2.1css注释

3.JS注释

3.1单行注释

3.2多行注释

4.JSP注释

 

---

前端涉及到的文件类型比较多，目前先整理常见的HTML、CSS、JS、JSP中的注释。

1.HTML注释

1.1普通注释

HTML中的普通注释为：

特点：浏览器在页面不显示注释内容，但是在浏览器的F12(大部分都是)的开发者工具中能够看到注释内容。

实例：

    
    
hello world!

截图：

 1.2条件注释

条件注释的形式为：

特点：条件注释中的内容只有在满足条件时才会执行，如此处只有是IE 7版本的浏览器才会执行注释中的代码。此注释经常在适配各种不同浏览器器时使用。

实例：

当浏览器为IE 7时，页面引入js4ie7.js。

2.CSS注释

2.1css注释

css注释的形式为：/* 这是css注释 */  

特点：注释的作用是对代码进行适当的说明，代码执行时浏览器会忽略，但在开发者工具中能够看到注释。

截图：

3.JS注释

3.1单行注释

单行注释的形式：// 这是js单行注释

特点：可以用来注解单行代码，或者阻止单行代码的执行，在开发者工具中能看到注释内容。

实例1：简单地注释代码

实例2：阻止单行代码执行，浏览器不会弹出对话框。

3.2多行注释

多行注释的形式：/*  多行注释 */

特点：可以用来注解多行代码，或者阻止多行代码的执行，在开发者工具中能看到注释内容。

实例：由于定义的方法被注释，所以导致控制台报错。

4.JSP注释

jsp页面混合了HTML、JS和CSS等代码，所以其注释的形式比较多。

直接来一个来演示和对比各种注释在jsp页面的效果。

实例：JSP页面代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>






	
	

		

			//
//注释无效
			/* 
/* */注释无效
 -- */
			<% //  
开发者工具中不可见
 %>
			<% /*  
开发者工具中不可见
 */ %>
			<%--  
开发者工具中不可见
 --%>
		
	

效果截图：