• 技术文章 >web前端 >html教程

    html、css、js代码怎么注释?html、css、js注释用法总结

    零下一度零下一度2017-06-05 10:24:48原创2357

    所有浏览器都支持注释标签。

    注释标签用于在源代码中插入注释。注释不会显示在浏览器中。

    您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。

    使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯(这样就不会把脚本显示为纯文本),那html、css、js代码具体怎么注释呢?以下是html、css、js注释用法示例总结!

    timg.jpg

    大前端成长进阶课程:进入学习

    一. 了解html、css、js注释

    1. Html注释Html中标记文字注释的符号介绍

    本篇文章一起来了解Html注释Html中标记文字注释的符号

    HTML注释,我们经常要在一些代码旁做一些HTML注释,这样做的好处很多,比如:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等.

    HTML注释的开始使用<!--,结束使用-->

    2. HTML中的条件注释

    前面的话

      IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句,作用是可以灵活的为不同IE版本浏览器导入不同html元素。很显然这种方法的最大好处就在于属于微软官方给出的兼容解决办法而且还能通过W3C的效验

    识别IE

      因为从IE10开始,IE浏览器已经不再支持条件注释。所以下面的写法,只能识别IE9-浏览器

      [注意]两个--和左中括号[之间不能有空格,否则无效

    3. 分享一个Translater.JS巧用HTML注释翻译页面实例

    关注 JSDigs 偶尔给你来点干的。

    这是一个利用HTML注释的页面翻译解决方案。对于少量的静态页面,这种解决方案显得更简单。它没有依赖,压缩只有只有(~2kb)。

    二. html、css、js注释具体用法示例

    1. CSS注释的一些高级用法介绍

    准修饰选择器(Quasi-qualified selectors)

    你应当避免过分修饰选择器,例如如果你能写 .nav{} 就尽量不要写 ul.nav{}。过分修饰选择器将影响性能,影响 class 复用性,增加选择器私有度。这些都是你应当竭力避免的。

    不过有时你可能希望告诉其他开发者 class 的使用范围。以 .product-page 为例,这个 class 看起来像是一个根容器,可能是 html 或者 body 元素,但是仅凭 .product-page 则无法判断。

    2. html、css和js注释的规范用法

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

    3. HTML注释-弹指间学会HTML+CSS

    什么是代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。

    三. 相关问答

    1. CSS中加注释快捷键是什么?

    2. javascript - 如何利用nodeType信息编写函数来获取<body>区域的全部HTML注释

    【相关推荐】

    1. html注释

    2. C#基于正则表达式去掉注释的方法示例

    3. 查看java源码和注释方法的详细介绍

    以上就是html、css、js代码怎么注释?html、css、js注释用法总结的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    上一篇:关于HTML中部分标签的嵌套问题详细介绍(图) 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• ajax基本介绍• 求两个纯Html之间的传值示例_html/css_WEB-ITnose• 求解博客css设置_html/css_WEB-ITnose• jsp使用URLDecoder在超链接中传值的问题_html/css_WEB-ITnose• clear:both 后按钮错位了_html/css_WEB-ITnose
    1/1

    PHP中文网