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/3198493.html

(0)
上一篇 2025年4月1日 04:00:33
下一篇 2025年3月7日 09:35:41

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

相关推荐

  • Html 实现动态显示颜色块的报表效果

    本文通过实例代码讲解如何使用html的颜色块动态展示数据功能,非常不错,代码简单易懂,需要的朋友参考下 利用html的颜色块动态展示数据 *{ padding: 0; margin: 0; } .tubiao,.jihua,.shiji,.…

    编程技术 2025年4月1日
    100
  • HTML实现鼠标拖拽排序功能

    这篇文章主要介绍了html table鼠标拖拽排序功能的相关资料,需要的朋友可以参考下 效果图: 1.引入文件      登录后复制 2.给元素附上sortable类               登录后复制 3.开启并配置 立即学习“前端免…

    2025年4月1日
    100
  • HTML中用正则表达式实现表格验证

    这篇文章主要介绍了html用正则表达式检验表格的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下 下面给大家分享HTML用正则表达式检验表格的实例代码,具体代码内容如下所示:  正则表达式在JavaScript脚本中是很…

    编程技术 2025年4月1日
    100
  • HTML属性的详解及教程

    属性是 html 元素提供的附加信息。 HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 about an element 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如:name=”val…

    编程技术 2025年4月1日
    100
  • HTML链接教程详解

    html 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 尝试一下 – 实例 HTML 链接如何在HTML文档中创建链接。 (可以在本页底端找到更多实例) HTML…

    编程技术 2025年4月1日
    100
  • HTML头部元素的介绍及相关教程

    查看在线实例 – 定义了HTML文档的标题使用 标签定义HTML文档的标题 – 定义了所有链接的URL使用 定义页面中所有链接默认的链接目标地址。 – 提供了HTML文档的meta标记使用 元素来描述HT…

    编程技术 2025年4月1日
    100
  • HTML脚本教程详解

    在线实例 插入一段脚本如何将脚本插入 HTML 文档。 使用 标签 如何应对不支持脚本或禁用脚本的浏览器。 HTML 标签 标签用于定义客户端脚本,比如 JavaScript。 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。…

    编程技术 2025年4月1日
    100
  • 在html、css和js代码中有关注释规范用法小结

    添加必要的注释,对一个有责任心、有道德模范的前端必须具备的好习惯,可以大大提高代码的可维护性、可读性。下面小编给大家介绍下html、css和js注释规范用法小结,需要的的朋友参考下吧 添加必要的注释,对一个有责任心、有道德模范的前端必须具备…

    编程技术 2025年4月1日
    100
  • 对HTML知识点的整理汇总

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

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

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

    编程技术 2025年4月1日
    100

发表回复

登录后才能评论