添加必要的注释,对一个有责任心、有道德模范的前端必须具备的好习惯,可以大大提高代码的可维护性、可读性。下面小编给大家介绍下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注释

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

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

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

html页面 js注释,html、css和js注释的规范用法相关推荐

  1. SpringBoot页面跳转访问css、js等静态资源引用无效解决

    SpringBoot页面跳转访问css.js等静态资源引用无效解决 原文链接:https://blog.csdn.net/qq_41647999/article/details/83788265 目录 ...

  2. UC浏览器页面,图片,css,js加载问题

    开头要说一些废话:公司要在uc上投放广告,产品把需求安排给我,测试的时候,发现在UC浏览器上达不到效果:第一次进入无显示,第二次加载显示部分内容,第三次加载才有预期效果.查阅资料,原来是uc浏览器自带 ...

  3. SpringBoot 页面跳转后css和js效果都无效了

    发现前端路径是"xxxx/xxxx.css",都改成"/xxxx/xxxx.css"或"~/xxxx/xxxx.css"就没问题了. 复习一 ...

  4. 京东网站页面编写(HTML、CSS、JS),包括京东秒杀的倒计时、轮播图等功能

    1. 页面效果: 2. 源码(gitee地址):https://gitee.com/meng-shuyu/jingdong 3. 网站图标一般存储在网站的根目录下,如京东网站图标地址为: https: ...

  5. html5 js php,html5·css·php·js简单代码

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 这是一个图片左右滚动的代码 123 $(document).ready(function(){ var totalLiNum=$(*#slide ul*) ...

  6. php替换时 css中的图片不显示不出来,URL重写:CSS,JS和图像未加载

    我遵循规则 .htaccess Options +FollowSymLinks RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAM ...

  7. 三、css 和 js 的装载与执行

    一个网站在浏览器端是如何渲染的? 一.html 页面加载渲染的过程. 请求回来最先应该是HTML,从一个字节流转换成字符流,浏览器拿到字符流,然后浏览器端进行相应的词法分析成相应的token,然后不断 ...

  8. javascript预加载图片、css、js的方法研究

    预加载的好处可以让网页更快的呈现给用户,缺点就是可能会增加无用的请求(但图片.css.js这些静态文件可以被缓存),如果用户访问的页面里面的css.js.图片被预加载了,用户打开页面的速度会快很多,提 ...

  9. HTML中注释写法 CSS中注释写法,css注释怎么写?

    什么是CSS注释?CSS文件中注释怎么写?本篇文章将向你介绍css注释的作用及写法,希望对各位有帮助. css注释怎么写? 一:css注释是什么? css注解(css 注解)又被称作CSS注释(css ...

  10. 如何在asp.net页面使用css和js

    一.如何在asp.net页面中使用css 1.可以直接写在需要样式控制的控件里  例如:<div style="border:#ff6100 1px solid">&l ...

最新文章

  1. vscode中设置字体大小_vscode配置使用教程
  2. 【GAN优化】GAN优化专栏上线,首谈生成模型与GAN基础
  3. SAP ABAP OData gateway缓存表的存储逻辑 - cache table logic
  4. 从MongoDB2.4升级到3.0的详细步骤
  5. 【英语学习】【WOTD】 logy 释义/词源/示例
  6. web 前端 html
  7. legend---六、php脚本变量的生命周期是怎样的
  8. 单声道数据转双声道_单声道转双声道
  9. 如何解决u盘不能拷贝超过4G的大文件
  10. php微信昵称保存,附件十四 存储微信昵称的处理方法
  11. 【CSS】从熟悉到更熟悉
  12. 平衡二叉树(Balanced Binary Tree)
  13. c语言幻数游戏,C中的幻数
  14. 互联网盈利模式77种创新 【 很八股的标题,不过内容还是可以参考一下的 】
  15. 中国林业产业杂志中国林业产业杂志社中国林业产业编辑部2022年第5期目录
  16. Web3专属的流支付协议,Zebec把它玩出了新的花样
  17. EXT JS 4.3 在线学习
  18. NLP:文本情感分析快速入门
  19. 3种方法教你如何做笔记
  20. 如何打造微产业生态链

热门文章

  1. JavaScript键盘鼠标监听功能
  2. usb打印机命令_自己动手不求人 日常打印机故障全知晓
  3. 初用vue遇到的一些问题
  4. [高频电子线路]-避免从第一章开始懵逼
  5. linux 虚拟ip 漂移,keepalived 虚拟ip切换
  6. matlab画航线图,【图文详解】如何画出华丽丽的全球航线图
  7. 【神兵利器】介绍一款支持屏幕录制、滚动截图、高清长图、图片编辑、图片转PDF格式、屏幕取色的截图软件:FastStone Capture
  8. 把计算机怎么连接手机的网络助手在哪里,怎么将手机网络通过USB共享给电脑
  9. 关于 onchange,onpropertychange,oninput事件
  10. 黑苹果appstore下载软件报错,不能下载解决方法