在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//========================================================

登录后复制

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

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

以上就是在html、css和js代码中有关注释规范用法小结的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3198403.html

(0)
上一篇 2025年4月1日 03:57:57
下一篇 2025年3月7日 17:05:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 对HTML知识点的整理汇总

    以上就是对HTML知识点的整理汇总的详细内容,更多请关注【创想鸟】其它相关文章!

    2025年4月1日
    100
  • 完成html插入链接的方法介绍

    下面小编就为大家带来一篇html插入链接的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 每个网页都已一个地址,用URL()标识,通常在网站内部创建链接时,通常使用相对地址 内部链接 XML/HTML…

    编程技术 2025年4月1日
    100
  • marquee标签完成滚动效果的代码详解

    下面小编就为大家带来一篇html标签marquee实现滚动效果的简单方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦 页面的自动滚动效果,可由javascript来实现,但是今天无…

    编程技术 2025年4月1日
    100
  • html实现消息按钮上的数量角标的实例详解

    这篇文章主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下 html代码: 消息4 登录后复制 css代码: /*角标 */    .ii{        display: none;        backgrou…

    2025年4月1日
    100
  • 教你如何在html中插入链接

    下面小编就为大家带来一篇html插入链接的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 每个网页都已一个地址,用URL()标识,通常在网站内部创建链接时,通常使用相对地址 内部链接 XML/HTML…

    编程技术 2025年4月1日
    100
  • 分享一个关于HTML知识点的整合

    登录后复制  //(注意后面的引号,分别在秒数的前面和网址的后面)老男孩 登录后复制 def index(request):       print request.POST       print request.GET       pr…

    2025年4月1日
    100
  • html中关于meta标签的实例详解

    下面就为大家带来一篇html meta标签的使用总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 meta标签作用 META标签是HTML标记HEAD区的一个关键标签,提供文档HEAD、使用语言、作…

    编程技术 2025年4月1日
    100
  • 用HTML编写个人简历的代码实例

    下面小编就为大家带来一篇html制作个人简历的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 简历代码: Head“>XML/HTML Code复制内容到剪贴板 nbsp;html …

    2025年4月1日
    100
  • 详解前端开发常用的HTML标签

    这篇文章主要为大家详细介绍了前端开发每天必学之html标签,帮助大家认识html标签,感兴趣的小伙伴们可以参考一下 2.1 语义化,让你的网页更好的被搜索引擎理解 这一章节我们要开始把网页中常用到的标签一 一向大家介绍,学习这一章节的时候要…

    2025年4月1日 编程技术
    100
  • Html实现边框圆角的实例详解

    这篇文章主要为大家详细介绍了html轻松实现圆角矩形的方法,告诉大家如何通过p+css以及定位来实现圆角矩形?感兴趣的小伙伴们可以参考一下 问题:如何通过p+css以及定位来实现圆角矩形? 解决方法概述: 内容:首先在 标签内部里添加一个大…

    编程技术 2025年4月1日
    100

发表回复

登录后才能评论