html css和js中的注释

一、HTML的注释方法 <!-- html注释:START --> 内容 <!-- html注释:END -->

包含在“<!--”与“-->”之间的内容将会被浏览器忽略,且不会显示在用户浏览的最终界面中。

注释的部分虽然浏览器在执行时会忽略,但在浏览器中查看源代码时仍然可以看到

二、CSS的注释方法 <style type="text/css"> /* css注释*/ </style>

在单独的css样式表文件中也采用此方法注释

三、JS的注释方法 <script type="text/javascript"> //js的单行注释方式

/*

这个是javascript的

多行注释方式

*/ </script>

在JS中写

<!--

//-->

的作用和原因如下:

JavaScript能识别HTML注释的开始部分"<!--",JavaScript会将其看作为单行注释结束,如使用"//"一样。但JavaScript不能识别HTML注释的结果部分"-->"。

因此,如果第一行以"<!--"开始,最后一行 以"//-->"结束,JavaScript会将两行都忽略掉,而不会忽略这两行之间的部分。而如果在JavaScript中,第一行以"<!--"开始,

最后一行以"-->"结束,那么其间的程序就包 含在一个完整的HTML注释中,会被不支持JavaScript的浏览器忽略掉,不能被显示。

用这种方式可以针对那些无法理解JavaScript 的浏览器而隐藏代码,而对那些可以理解JavaScript的浏览器则不必隐藏。

PS:

其中在CSS(style)或者javascript(script)代码中加入HTML注释<!– –>是为了防止低版本的浏览器不支持style和script代码,而显示在页面当中。

这是为了兼容老版本的浏览器。老的浏览器不支持style,所以遇到style时,会把style样式单的内容显示在页面上。但是老版本的浏览器认识html的注释标记,所以加上标记后,这部分内容就会被当作注释忽略掉,样式单也就不会在页面上显示了。

而支持style的浏览器,则会忽视<!–标记,从而正常使用样式单。

时间: 2024-10-12 13:03:23

html css和js中的注释的相关文章

(转)CSS与JS中的相对路径引用简单介绍

javascript和css文件中采用相对路径,其基准路径是完全不同的. 1.javascript引用资源(比如图片)相对路径是以宿主路径(被引用的网页比如你在首页index.php引用了某js文件,则index.php即为宿主)所处位置为基准. 2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准! 大家在html中通常会导入一些外部的css.js文件,而其中一个比较容易被忽视的问题就是路径问题,有时候,我们在css.js中都有通过路径来引入一张图片的需求,当我们采用相对路径的

HTML、CSS和JS中注释类型的总结

添加必要的注释,是一个优秀的程序员必须具备的好习惯,可以大大提高代码的可维护性.可读性. 1.HTML注释 <!--注释的内容--> 注释的地方(根据个人习惯可能有所不同): 结束标签的后面,这一切都是为了程序在嵌套的时候更加方便.明了,如: <div class="main"> </div><!--注释的内容--> 2.CSS注释 /*注释的内容*/ 注释的位置: 某个模块样式开始的地方,说明这段样式是作用于哪段模块,如: /*head

配置grunt进行css、js的检查、合并和压缩

现在会进行代码的合并和压缩已成为前端人员的必备知识,那么现在来介绍一个grunt的工具.grunt是个风靡世界的工具,它的首页是  http://www.gruntjs.net 这是个中文网站,有文档可以参考.但是只看文档是不是觉得很蛋疼呢?一个字:看不太懂啊! 好了,废话不多说,直接发安装步骤和注意事项,都是心酸研究出来的啊... 这里介绍mac的安装方法.windows方法相类似,等我稍微研究一下后再发上来 首先,要安装nodejs,grunt是依赖node滴.上 www.nodejs.or

HTML、CSS、JS对unicode字符的不同处理

unicode字符的不同表示法 unicode字符在html.css和js中的表示方法均不相同,下面分别作介绍. 原文发表于这里 css表示法 首先来一段很常见的bootstrap的字体图标代码: .glyphicon-home:before { content: "\e021"; } 上面代码中的e021就是这个字符的unicode码,是16进制. 语法: '\ + 16进制的unicode编码' 如:'\5b89'表示汉字“安”: <div class="test&

js相对路径相关(比如:js中的路径依赖导入该js文件的路径)

问题描述: 前几天调用同事的js接口文件,在他自己的html测试页面ok,在我这边调用时出现问题. debug过程中,将该测试html移到其他位置都不行,放到原html测试页面同层次路径下是OK的. 解决过程: 很疑问啊,用F12调试下,在调用的js中,发现xmlhttp.status返回状态是404,靠,原来是找不到文件. 仔细看了下,在js中看到如下代码:[var requestURL = "../servlet/ajaxServlet.jsp";]坑爆了, 模糊记得js中引用路径

前端开发入门到实战:HTML标签和JS中设置CSS3 var变量

一.HTML标签中设置CSS变量 如下: <div style="--color: #cd0000;"> <img src="mm.jpg" style="border: 10px solid var(--color);"> </div> 直接正常CSS语句一样在style属性中设置即可. 效果如下截图: 二.JS中设置CSS变量 如下,HTML示意: <div id="box">

web前端入门到实战:HTML标签和JS中设置CSS3 var变量

一.HTML标签中设置CSS变量 如下: <div style="--color: #cd0000;"> <img src="mm.jpg" style="border: 10px solid var(--color);"> </div> 直接正常CSS语句一样在style属性中设置即可. 效果如下截图: 二.JS中设置CSS变量 如下,HTML示意: <div id="box">

引入CSS和JS文件时 到底应该在head标签中还是body中?

引入CSS在head中, JS建议在body的尾部引入; 这样有利于加载速度 <!DOCTYPE html> <html>   <head>      <!--网页页面字符集-->     <meta charset="utf-8">       <!--让IE使用最新的渲染模式-->     <meta http-equiv="X-UA-Compatible" content="

struts2中css,js等资源无效 非路径问题(新手问题)

一个小小的Strust2例子 然后发现css,js,图片用不了,debugger下发现无法访问这些资源(404错误),妈的,那个例子明明可以的,起码从书上的图片看. 发现是web.xml中的过滤器的问题,代码是这样的: web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:x