专业汉语词典知识平台,分享汉字词语知识、历史文学知识解答!

励北网
励北网

HTML注释代码怎么写,HTML注释正确写法

来源:小易整编  作者:小易  发布时间:2023-01-03 04:05
摘要:HTML注释代码怎么写,HTML注释正确写法HTML文件的注释HTML注释标签是在HTML源代码中添加说明/注释,使用该标签注释的内容将不在浏览器中显示。边写代码边写注释是一个好习惯,特别是代码量很大的时候,如果不写注释,你写完倒回去看可能...

HTML注释代码怎么写,HTML注释正确写法

HTML注释代码怎么写,HTML注释正确写法

HTML 文件的注释

HTML 注释标签是在 HTML 源代码中添加说明 / 注释,使用该标签注释的内容将不在浏览器中显示。

边写代码边写注释是一个好习惯,特别是代码量很大的时候,如果不写注释,你写完倒回去看可能都不知道自己写的什么了。

如果是团队合作,就更应该写注释了,如果不写每人知道你写的什么,还需要从头到尾仔细看一遍。

团队可以自行约定注释标准及规范,例如:

  1. 所有的注释写在内容上方;
  2. 如果有多句注释,每一句注释直接换行;
  3. 如果是方法注释,写明方法作用和每个参数介绍;
  4. 注释的语句简单明了;
  5. 每个变量和方法标注作用。

1. 什么是注释

注释指解释字句的文字,也指用文字解释字句。当我们需要给代码做批注,我们就需要注释代码。

注释是我们提高代码可读性,代码可维护性最简单有效的方式,往往多写几个字,会给我们日后的维护,减少很大的难度。

2. 注释的作用

代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。

3. 如何在 HTML 文件中书写注释

在 HTML 文件中, 我们将注释写在<!-- -->中,注释只是起解释作用,并不会在页面上显示出来。

我们如果使用编辑器编写代码,如 VSCode, WebStorm 等,那么在编辑器书写注释的快捷方式为 ctrl + / , 我们只需要先写注释内容, 然后在选中注释内容,按 ctrl + / 即可。

4. 经验分享

  1. 注释可以写在 HTML 文件的任意位置。

<!DOCTYPE HTML> <HTML lang="en">  <head>    <meta charset="UTF-8">    <!-- HTML注释可以在head标签中 -->    <title>HTML注释</title>  </head>  <body>    <!-- HTML注释也可以在body标签中  -->    <h1>我是一个大标题</h1> <!-- HTML注释也可以在标签后面 -->  </body> </HTML>

  1. 注释内容必须写在<!-- -->中,否则不会生效。

<!DOCTYPE HTML> <HTML lang="en">  <head>    <meta charset="UTF-8">    <title>HTML注释</title>  </head>  <body>    <!--  --> HTML注释也可以在body标签中(此段内容没有在<!-- -->中,则不为注释,而是页面上的内容)    <h1>我是一个大标题</h1> <!-- 只有写在规定位置,才是注释 -->  </body> </HTML>

  1. 注释的内容只是解释,并不会实际的显示在页面上。

<!DOCTYPE HTML> <HTML lang="en">  <head>    <meta charset="UTF-8">    <title>HTML注释</title>  </head>  <body>    <!-- 注释的内容不会显示在页面上-->    <h1>我是一个大标题</h1>  </body> </HTML>

  1. 编写代码时,尽量把注释写的简单明了,通俗易懂,不仅方便自己维护代码,也方便与他人的协同开发。

<!DOCTYPE HTML> <HTML lang="en">  <head>    <meta charset="UTF-8">    <title>HTML注释</title>  </head>  <body>    <!-- 这是头部 -->    <header></header>    <!-- 这是大标题-->    <h1>我是一个大标题</h1>  </body> </HTML>

  1. 注释标签可以自定义内容,也可以注释已写的 HTML 标签。

<!DOCTYPE HTML> <HTML lang="en">  <head>    <meta charset="UTF-8">    <title>HTML注释</title>  </head>  <body>    <!-- 自定义注释内容 -->    <p>这是一段话</p>    <!-- 注释HTML标签, 则该标签也不会在页面上显示 -->    <!-- <h1>我是一个大标题</h1>  -->  </body> </HTML>

  1. 开发人员一定要养成书写注释的好习惯。

5. 小结

  1. 注释只是起一个批注解释作用,并不会在页面上产生实际的内容。
  2. HTML 文件中注释写在 <!-- --> 中。

本文地址:百科问答频道 https://www.neebe.cn/wenda/886566.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


百科问答
小编:小易整编
相关文章相关阅读
  • HTML列表标签有哪些

    HTML列表标签有哪些

    HTML的列表标签分为3种,无序列表,使用ul标签定义;有序列表,使用ol标签定义;自定义列表,使用dl标签定义。超文本标记语言,简称:HTML,标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML...

  • html5教程,零基础html5自学教程

    html5教程,零基础html5自学教程

    html5教程,零基础html5自学教程通常我们看到的网页是是以.htm或.html结尾的文件,通俗称为HTML文件。HTML是超文本标记语言,是用来描述网页的一种语言。接下来我们一起开始学习HTML叭~网页的基本信息下面是一段简单的代码<...

  • innertext和innerhtml的使用和区别

    innertext和innerhtml的使用和区别

    innertext和innerhtml的使用和区别1、js中innerHTML的用法bai:innerHTML可获取或设置指定元素标签内的duhtml内容,从该元素标签的起始位置zhi到终止位dao置的全部内容(包含html标签)。获取元素...

  • html表单怎么制作,html表单代码

    html表单怎么制作,html表单代码

    html表单怎么制作,html表单代码HTML表单大部分情况下,网页中展示的数据或者图片或者多媒体效果都是静态的数据,但是有时用户需要通过网页跟服务器进行动态的数据交互,例如登录、注册等操作,这时需要用到表单。表单其实是由一些输入框、单选、...

  • shtml和html的区别是什么,shtml和html的差别

    shtml和html的区别是什么,shtml和html的差别

    shtml和html的区别是什么,shtml和html的差别有很多大型门户网站都是使用的SHTML,但是个人网站或是企业网站确实很少使用SHTML,那么究竟SHTML和HTML的差别在哪?网站建设过程中,选择哪种更有利于优化呢?SHTML和...

  • href是什么意思,HTML中src与href的区别

    href是什么意思,HTML中src与href的区别

    href是什么意思,HTML中src与href的区别一、href的概念1规范解释href(HypertextReference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。2通俗...

  • 图片滚动代码怎么实现,html图片滚动代码

    图片滚动代码怎么实现,html图片滚动代码

    图片滚动代码怎么实现,html图片滚动代码当我们进入到某个页面的时候,会有许多的图片,有些图片可能在下面,当我们点进页面但没有滑动全部展示时,其实下面的图片是没有作用的,这个时候如果说加载了也相当于白加载,而且还降低了网页的加载速度。滚动加...

  • input属性是什么,HTML标签之HTML Input属性

    input属性是什么,HTML标签之HTML Input属性

    input属性是什么,HTML标签之HTMLInput属性HTMLInput属性HTML输入类型HTML5简介value属性value 属性规定输入字段的初始值:实例 First name: Last name:亲自试一试readonly属...

  • 周排行
  • 月排行
  • 年排行

精彩推荐