这次给大家带来html 、css和js的注释规范用法有哪些,使用html、css和js的注释有哪些的注意事项有哪些,下面就是实战案例,一起来看一下。
添加必要的注释,对一个有责任心、有道德模范的前端必须具备的好习惯,可以大大提高代码的可维护性、可读性。首先大家需要熟悉一下html、css、js的注释的写法:
html注释:
css注释:
//注释内容 单行注释(不推荐使用,因为有的浏览器可能不兼容,没有效果)/*注释内容*/ 多行注释(推荐使用)
JavaScript:
立即学习“前端免费学习笔记(深入)”;
总结:
//注释内容 (在css或javascript中插入单行注释)/*注释内容*/ (在css或javascript中插入多行注释)
接下来是对注释在这几种代码中使用的位置,如何写注释进行总结一下。(根据个人的习惯可能不一样)
1、html注释
使用的位置:
1)一般会使用在一些主要节点标签结束的后边,如:
...
2)使用在一些循环的结束的后边,如:
这一切都是为了程序在嵌套的时候更加方便、明了。方便了他人同时也就方便了自己。程序嵌套的很乱,到时要你去修改那也是一份挺复杂的工序。
2、css注释
一般会使用在定义某个模块样式的上边,说明这段样式是作用于哪段模块,如:
/*通用 - 评论*/.comment{...}/*相册*/.photo{...}/*分享*/.share{...}/*投票*/.vote{...}
3、javascript 注释
一般将注释添加在某段功能函数的上边,说明函数的功能、作者、作者信息、修改时间。
//========================================================// 截断字符// steepvi// rtx:*******// 2010-10-14//========================================================
最后,注释也是字符也是会有流量产生。因此当页面发布到正式地址的时候,最好加上一步优化流程。
压缩过程为非逆过程,保证本地是最新的而且带有注释的文件,压缩后上传服务器。服务器端的文件不可用作本地调试用。
相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!
相关阅读:
HTML图片的img标签怎样使用
HTML5的WEB界面中meta实列详解
HTML中如何使用html表单提交的操作
以上就是html、css和js的注释规范用法有哪些的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545535.html
赞 (0)
打赏
微信扫一扫
支付宝扫一扫
html怎样实现页面跳转时传递参数
下一篇
2025年12月21日 17:02:28
相关推荐
本文深入探讨了使用Java栈结构验证JSON字符串有效性的方法。通过分析一个常见错误示例,详细阐述了在处理括号、方括号以及字符串引号时的正确逻辑,特别强调了字符串内部字符(包括转义字符)不应影响结构平衡的原则,并提供了改进思路,旨在帮助开发者构建健壮的JSON验证器。 JSON结构与栈的适用性 JS…
UC浏览器官方网页版登录入口在官网https://www.ucweb.com/,点击顶部“网页版”选项并登录账号即可使用。 UC浏览器官方网页版登录入口在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来UC浏览器最新官网链接,想了解UC浏览器功能特点的网友一起随小编来瞧瞧吧! https:/…
本文将探讨在vue.js项目中实现用户练习进度保存的最佳实践。针对需要跨会话保留用户进度的场景,我们将重点介绍如何利用浏览器localstorage进行数据持久化,包括数据的序列化与反序列化、在关键生命周期钩子中加载与保存数据,以及相关的注意事项,确保用户能够从上次中断的地方继续练习。 在开发基于V…
首先搭建Spring Boot后端,设计BlogPost实体类并用JPA实现数据持久化,通过BlogController处理页面请求,使用Thymeleaf模板引擎渲染index和create页面,配置H2内存数据库并启用控制台,最终实现文章的发布与展示功能。 用Java制作一个简易的博客系统,核心…
FreeBSD 15.0 Beta 1 现已推出,本次版本带来了多项重要更新,显著提升了系统运行效率、硬件适配能力以及整体使用体验。 主要更新内容 OpenZFS 升级至 2.4.0-rc2:带来更稳定的文件系统表现与性能提升,同时引入更先进的存储管理功能。 TCP LRO 性能优化:修复了特定网络…
本文旨在解决使用tcpdf在%ignore_a_1%中生成pdf并保存到服务器(’f’模式)时遇到的“permission denied”错误,尤其是在macos环境下。核心问题通常源于不正确的服务器文件路径或目标文件夹缺乏写入权限。教程将详细阐述如何构建正确的绝对文件路径,…
使用{{}}自动转义防止XSS,输出HTML时需用Purifier过滤并配合{!! !!},关键在于服务端预处理和始终不信任用户输入。 在 Laravel 的 Blade 模板中输出用户内容时,防止 XSS(跨站脚本攻击)是关键。Laravel 默认对 Blade 中的双大括号 {{ }} 语法进行…
QQ阅读最新版本官网下载链接是http://book.qq.com/,该平台提供海量正版小说资源,支持多格式电子书阅读,设有免费专区,并具备个性化设置、跨设备同步及互动社区等功能。 QQ阅读最新版本官网下载链接在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来QQ阅读最新版本的相关信息,感兴…
答案:通过数据库设计、前端表单、后端处理和评论展示四步实现PHP视频留言功能。1. 创建comments表存储信息;2. 构建表单提交昵称与评论;3. 用add_comment.php接收并存入数据库;4. 在页面读取并安全输出评论,防止XSS。 要实现视频留言评论功能,PHP可以结合前端页面、数据…
配置本地域名需修改hosts文件并设置Web服务器虚拟主机。1. 在hosts添加“127.0.0.1 myproject.test”实现域名解析;2. Apache中编辑httpd-vhosts.conf添加VirtualHost指向项目目录,确保加载该配置文件后重启服务;3. Nginx中在vh…
本文旨在解决Karate框架中构建包含复杂、带方括号(如filters[start_date])及日期范围的GET请求参数时遇到的URL编码问题。通过对比直接定义查询对象和使用param关键字的方法,详细阐述了如何正确地构造URL,确保参数格式符合预期,从而有效进行API测试。 1. 问题背景与挑战…
在 agentic coding 的新时代,一个关键挑战日益凸显:要得到卓越的答案,你必须先提出卓越的问题。 对开发者而言,这意味着需要投入大量时间去精心设计给ai的“提示词”。一句笼统的指令,比如“帮我写个函数”,往往只能换来一段简陋甚至存在安全隐患的代码;而一条清晰、结构完整、细节丰富的提示,则…
首先使用Google浏览器内置导入功能迁移书签和密码,选择源浏览器并勾选数据类型后导入;若无法识别,则通过HTML文件导入书签;密码可手动导出为CSV文件并在密码管理器中导入。 如果您需要将其他浏览器中的书签或密码迁移到 Google 浏览器,可以通过内置的导入功能快速完成数据转移。该操作适用于更换…
本教程将详细介绍在Karate框架中如何正确发送包含复杂查询参数(特别是带有方括号的参数名,如filters[start_date])的GET请求。我们将通过实际示例,演示如何利用Karate的* param关键字优雅地构建URL,确保参数被正确编码并传递给后端服务,尤其适用于日期范围等场景。 理解…
本教程详细介绍了如何在同一页面通过php处理多次表单提交,同时避免数据覆盖,实现数据的累加显示。核心方法是利用html的数组输入(`name=”fieldname[]”`)来收集多个值,并通过隐藏字段(`hidden` inputs)在每次提交时保留并传递历史数据,最终在ph…
可通过关闭网站剪贴板权限、启用无痕浏览、禁用JavaScript或使用内容拦截扩展来阻止Safari网站访问剪贴板,保护隐私安全。 如果您在使用 Safari 浏览器时发现某些网站尝试自动读取或写入剪贴板内容,可能会导致隐私泄露或意外粘贴敏感信息。为防止此类行为,您可以采取以下措施限制网站对剪贴板的…
本教程详细阐述如何在php中高效地处理包含对象的json数组。我们将学习如何利用`json_decode()`将json字符串转换为php数据结构,进而为数组中的现有对象添加或修改属性,并通过`json_encode()`将其转换回json字符串,避免手动构建json的常见错误。 在现代Web开发中…
正确配置PHP连接MSSQL并支持UTF-8需:1. 使用sqlsrv扩展并启用extension=php_sqlsrv_80.dll;2. 连接时设置”CharacterSet”=>”UTF-8″;3. 数据库字段使用nvarchar等Unic…
答案是Java结合Spring Boot可快速构建问答社区,通过设计questions、answers、users三张表实现数据存储,使用JPA进行持久化,前端用HTML+JS调用后端API完成用户提问、回答、查看与互动功能。 开发一个简易问答社区,核心是实现用户提问、回答、查看问题和互动功能。Ja…