html、css和js的注释规范用法有哪些

程序猿 • 2025年12月21日 17:02:22 • 好文分享 • 阅读 0

这次给大家带来html、css和js的注释规范用法有哪些，使用html、css和js的注释有哪些的注意事项有哪些，下面就是实战案例，一起来看一下。

添加必要的注释，对一个有责任心、有道德模范的前端必须具备的好习惯，可以大大提高代码的可维护性、可读性。首先大家需要熟悉一下html、css、js的注释的写法：

html注释：

css注释：

//注释内容 单行注释（不推荐使用，因为有的浏览器可能不兼容，没有效果）/*注释内容*/ 多行注释（推荐使用）

JavaScript：

立即学习“前端免费学习笔记（深入）”；

//注释内容 单行注释/*注释内容*/ 多行注释

总结：

//注释内容     （在css或javascript中插入单行注释）/*注释内容*/   （在css或javascript中插入多行注释)

接下来是对注释在这几种代码中使用的位置，如何写注释进行总结一下。（根据个人的习惯可能不一样）

1、html注释

使用的位置：

1）一般会使用在一些主要节点标签结束的后边，如：

...

2）使用在一些循环的结束的后边，如：

    111111
    222222
    333333

这一切都是为了程序在嵌套的时候更加方便、明了。方便了他人同时也就方便了自己。程序嵌套的很乱，到时要你去修改那也是一份挺复杂的工序。

2、css注释

一般会使用在定义某个模块样式的上边，说明这段样式是作用于哪段模块，如：

/*通用 - 评论*/.comment{...}/*相册*/.photo{...}/*分享*/.share{...}/*投票*/.vote{...}

3、javascript注释

一般将注释添加在某段功能函数的上边，说明函数的功能、作者、作者信息、修改时间。

//========================================================//      截断字符//      steepvi//      rtx:*******//      2010-10-14//========================================================

最后，注释也是字符也是会有流量产生。因此当页面发布到正式地址的时候，最好加上一步优化流程。

压缩过程为非逆过程，保证本地是最新的而且带有注释的文件，压缩后上传服务器。服务器端的文件不可用作本地调试用。

相信看了这些案例你已经掌握了方法，更多精彩请关注创想鸟其它相关文章！

关于作者

程序猿签约作者

381.7K 文章

0 评论

1 粉丝

这个人很懒，什么都没有留下～

css3绘制一个圆圆的loading转圈动画实例分享

上一篇 2025年12月21日 17:02:11

C#中如何使用Dapper的存储过程异步执行？示例代码？

下一篇 2025年12月17日 16:40:10

html怎样实现页面跳转时传递参数

这次给大家带来html怎样实现页面跳转时传递参数，html怎样页面跳转时传递参数的注意事项有哪些，下面就是实战案例，一起来看一下。 a页面点击跳转按钮后在b页面可以获取到对应的值。 a页面 $(function(){ name = $(“#name”).text(); age = $(“#age…

程序猿
好文分享 2025年12月21日
0000
好文分享

css3绘制一个圆圆的loading转圈动画实例分享

本文主要介绍了css3如何绘制一个圆圆的loading圈的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。如何绘制一个圆圆的loading圈小程序里需要一个像下面的loading，原生的没有，引入别的组件库又太大，所有决定自己写个。 1.基…

程序猿
2025年12月21日
0000
好文分享

HTML+CSS实现网页滑动门效果实例分享

本文主要和大家介绍基于html+css技术实现网页滑动门效果，大家在网页中经常会见到这样一种导航效果,因为使用频率广泛,所以广大的程序员给它起了一个名字,叫做滑动门。需要的朋友参考下，希望能帮助到大家。一、什么是滑动门大家在网页中经常会见到这样一种导航效果,因为使用频率广泛,所以广大的程序员给它…

程序猿
2025年12月21日
0000
如何在html页面中做出查找功能

这次给大家带来如何在html页面中做出查找功能，怎么在html页面中做出查找功能？在html页面中做出查找功能的注意事项有哪些，下面就是实战案例，一起来看一下。最近在搞一个被很多人改了的框架，天天看代码看的头的晕了，不过感觉进步还挺大的，自己做了一个后台可配置前台查看两个库不同数据范围的东西，还挺…

程序猿
好文分享 2025年12月21日
0000
HTML的表单组件如何使用

这次给大家带来html的表单组件如何使用，怎么使用html的表单组件？使用html的表单组件的注意事项有哪些，下面就是实战案例，一起来看一下。 HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码，感兴趣的朋友参考下吧废话不多说了，直接给大家贴代码了，具体代码…

程序猿
好文分享 2025年12月21日
0000
HTML实现抢票功能(设定时间打开抢票的页面)

今天给大家介绍一份非常使用的功能，html实现抢票功能，也给大家提供解决方法，需要的朋友可以保存笔记了。 #result{ width:500px; border:1px solid #CCCCCC; background:#FFFFCC; margin:50px auto; font-size:2…

程序猿
好文分享 2025年12月21日
0000
怎样用HTML做出移动端固定悬浮半透明搜索框

这次给大家带来怎样用html做出移动端固定悬浮半透明搜索框，html做移动端固定悬浮半透明搜索框的注意事项有哪些，下面就是实战案例，一起来看一下。 Question. 问题在移动端商城系统中，我们常常看到位于页面顶部有一个搜索框，这类搜索框博主比较喜欢的是固定在页面顶部，半透明悬浮，能依稀看见部分…

程序猿
好文分享 2025年12月21日
0000
怎样让前端界面自动清理js、css文件的缓存

在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案： 1、手动清除浏览器缓存 2、添加版本号（如 layout.css?v=1）个人认为方法2更快，因为清除浏览器缓存还要等浏览…

程序猿
好文分享 2025年12月21日
0000
html怎样格式化输出JSON数据

这次给大家带来html怎样格式化输出json数据，html格式化输出json数据的注意事项有哪些，下面就是实战案例，一起来看一下。将 json 数据以美观的缩进格式显示出来，借助最简单的 JSON.stringify 函数就可以了，因为此函数还有不常用的后面2个参数。 hello pre {out…

程序猿
好文分享 2025年12月21日
0000
如何使用HTML+CSS做出鼠标划过就可以显示二级菜单栏

这次给大家带来如何使用html+css做出鼠标划过就可以显示二级菜单栏，html+css做出鼠标划过就可以显示二级菜单栏的注意事项有哪些，下面就是实战案例，一起来看一下。本文介绍了使用HTML+CSS实现鼠标划过的二级菜单栏的示例，分享给大家，具体如下：二级菜单测试 /*为了使菜单居中*/ bo…

程序猿
好文分享 2025年12月21日
0000
怎样做出HTML文本框只读效果

这次给大家带来怎样做出html文本框只读效果，做出html文本框只读效果的注意事项有哪些，下面就是实战案例，一起来看一下。相信看了这些案例你已经掌握了方法，更多精彩请关注创想鸟其它相关文章！相关阅读： H5里图片中有缝隙应该如何解决 HTML5单页面手势滑屏切换如何实现立即学习“前端免费学习笔…

程序猿
好文分享 2025年12月21日
0000
HTML实现海康摄像头实时监控功能_HTML/Xhtml_网页制作

最近公司安排我做一个ccfa的小东东，其中有一项需求就是做一个网页播放摄像头的实时监控功能，对于我这个小菜鸟来说真是难到了，下面小编给大家带来了html实现海康摄像头实时监控功能，对html感兴趣的朋友一起看看吧最近公司安排做CCFA的一些东西，有一项就是做一个网页播放摄像头的实时监控。网上百度了…

程序猿
2025年12月21日 • 好文分享
0000
HTML页面自动清理js、css文件的缓存（自动添加版本号）_HTML/Xhtml_网页制作

这篇文章主要介绍了html页面自动清理js、css文件的缓存（自动添加版本号）,小编觉得挺不错的，现在分享给大家html源码，也给大家做个参考。对html感兴趣的小伙伴们一起跟随小编过来看看吧在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览…

程序猿
好文分享 2025年12月21日
0000
关于HTML基本语法和语义写法规则与实例分析

本文主要和大家分享对html基本语法和语义进行了整理与实例，需要的朋友可以参考下，希望能帮助到大家。 DOCTYPE DOCTYPE(Document Type) 该声明位于文档中最前面的位置，处于html标签之前，此标签告知浏览器文档使用哪种HTML或者 XHTML规范。 DTD(Document…

程序猿
好文分享 2025年12月21日
0000
Dreamweaver网页怎么创建css样式的复合声明?_Dreamweaver教程_网页制作

dreamweaver中的css样式的复合声明就是同时对多个元素编辑css样式，dreamweaver中想要制作一个css样式的复合声明，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下，希望能帮助到大家。软件名称： Adobe Dreamweaver CC 2017 v17.0 中…

程序猿
2025年12月21日 • 好文分享
0000
HTML标签中行内元素和块级元素详解

本文主要和大家详细介绍了html常用的标签中行内元素和块级元素，需要的朋友参考下吧，希望能帮助到大家。块元素(block element) HTML标签分类明细 * address – 地址 * blockquote – 块引用 * center …

程序猿
好文分享 2025年12月21日
0000
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版详解

winform结合html5能实现什么功能？突有心血来潮，想在里面嵌套一个微信网页版，下面小编给大家介绍下html阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法，一起看看吧，希望能帮助到大家。就想弄一个winform结合html5的一个小东西，突有兴致，想在里面嵌套一个微…

程序猿
2025年12月21日 • 好文分享
0000
最全的CSS样式整理总结

本文主要和分享最全面的css样式，很齐全，掌握这些样式肯定能完成一个很完美的css页面，需要的朋友参考下吧，希望能帮助到大家。一字体属性：(font) 大小 {font-size: x-large;}(特大)xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式…

程序猿
好文分享 2025年12月21日
0000
如何使用CSS让图片实现半透明的效果

今天给大家带来的代码是如何使用css让图片实现半透明的效果，下面我们来看一下。完整的html代码：图片半透明效果@@##@@以上是CSS处理后效果@@##@@以上是处理前效果使用到的是CSS滤镜效果代码：filter: Alpha(Opacity=30, FinishOpacity=0, St…

程序猿
好文分享 2025年12月21日
0000
CSS如何设置文字间距

今天给大家带来的教程是如何用css设置字与字距离的间距。下面是实战案例我们一起来看一下。使用CSS解决字与字距离方法如下：我们使用css样式属性letter-spacing：+距离数字+html单位如letter-spacing:15px;即设置了字与字距离间隔15px（像素）。例子：立即…

程序猿
好文分享 2025年12月21日
0000

发表回复

登录后才能评论

html、css和js的注释规范用法有哪些

关于作者

相关推荐

发表回复