HTML注释简介

 

在编写HTML代码时,我们经常要在一些关键代码旁做一下注释,这样做的好处很多,比如:方便理解、方便查找或方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码进行修改。

语法:

<!--注释的内容-->

说明:

“<!--”表示注释的开始,“-->”表示注释的结束。

举例:

1
2
3
4
5
6
7
8
9
10
<html xmlns="网页链接>
        <head>

            <title></title>

    </head>
    <body>

        <h6>静夜思</h6

                    <!--标题标签-->

        <p>床前明月光,

疑是地上霜。</p>     <!--文本标签-->

        <p>举头望明月,

低头思故乡。</p>     <!--文本标签-->

    </body>
</html>

我们把上面那一段代码复制到editplus.exe中,可以看出注释的代码颜色跟其他代码的颜色都不一样,注释的代码是浅绿色。

在浏览器预览效果如下:

说明:

大家可以看到,用”<!---->”注释的内容不会显示在浏览器中。注释标签用于在源代码中插入注释,注释的内容不会显示在浏览器中。对关键代码进行注释,有助于你以后看懂你当时编写的源代码。

对关键代码的注释是一个良好的习惯。在个人经验中,在开发网站或者功能模块开发时,代码的注释尤其重要。因为那个时候的代码往往都是几百上千行,你要是不对关键的代码进行注释,往往你自己都会觉得头晕,甚至看不懂自己当时写的代码。这样的感受,大家在以后开发中自己会感受得到。

二、Visual Studio中的注释方式

在Visual Studio中,除了以上的注释方式,还有一种Visual Studio专属的注释方式。

语法:

<%--注释的内容--%>

说明:

“<%--”表示注释的开始,“--%>”表示注释的结束。

举例:

1
2
3
4
5
6
7
8
9
10
<html xmlns="网页链接>
<head>
    <title></title>
</head>
<body>

    <h6>静夜思</h6

                    <%--标题标签--%>

    <p>床前明月光,疑是地上霜。</p>

     <%--文本标签--%>

    <p>举头望明月,低头思故乡。</p>

     <%--文本标签--%>

</body>
</html>

我们把上面那一段代码复制到editplus中,效果如下:

在浏览器预览效果如下:

注意,HTML注释方式“<!--注释内容-->”是在任何网页编辑器都适用,而上面的这种注释方式“<%--注释的内容--%>”只限于Visual Studio中使用。

HTML注释简介的更多相关文章

  1. Eclipse添加注释简介

    (1)在方法或者属性上面添加注释:在方法或者属性字段的上面一行输/**,然后回车.一般情况下添加的注释格式如下所示,当然注释的格式是可以修改的:   1 2 3 4 5 /**   * @param ...

  2. Testng中注释简介

    1. @Before和@After 注释 这两个就比较多,一般用于在测试构件上.关于测试构件以后详细介绍,测试构件一般有测试之前的操作和测试运行之后的清除数据的操作. Before分类有@Before ...

  3. Hibernate---实体类注释简介

    1.类级别注解 @Entity:映射实体类 @Entity(name="tableName") - 必须,注解将一个类声明为一个实体bean. 属性: name - 可选,对应数据 ...

  4. 今天介绍一个渐变的方法,在shell里面自动生成注释简介

    在编辑sh脚本时,我经常在shell中写一些注释.今天我介绍一种渐变方法,它可以在每次vim shell脚本时自动在shell中生成注释和其他信息. 让我们共享一个shell脚本模板文件,将其复制到用 ...

  5. sublime注释插件与javascript注释规范

    前言 代码中注释是不可少的,即使是自己写的代码,过了一段时间之后再重看,如果没有注释记录的话,可能会想不到当初是这样实现的,尤其是在业务逻辑比较复杂的项目,注释变得尤为重要.怎么优雅的写有用的注释呢? ...

  6. 编写可维护的javascript代码--- 2015.11.22(注释)

    1.单行注释 // 这是一句单行注释 2.多行注释 /* 这里是代码 */     /*  这里都是注释 1232132  */      java的注释风格 /* * 另一段注释 * 这段注释包含2 ...

  7. Hibernate---数据操作示例BY实体类注释

    通过实体的映射文件创建表的示例,除了基本jar包外,还需要jar包如下 ejb3-persistence.jar.hibernate-annotations.jar这两个包均在hibernate-an ...

  8. 03 Comments in C Programming C编程中的注释

    Comments 注释简介 Let's take a quick break from programming and talk about comments. Comments help progr ...

  9. 前端开发神器sublime Text

    实用的sublime插件集合 – sublime必备插件 前言 入前端领域开始,就学着使用sublime,一直用起来很顺手,速度是我最欣赏的,快的没有编辑器可以匹敌.还是废话不多扯,入正题.好多有多少 ...

随机推荐

  1. 代码中实际运用memcached——.NET

    本文取自:http://blog.csdn.net/dyllove98/article/details/9115947 memcached安装:============================ ...

  2. hdu1753()模拟大型实景数字相加

    标题信息: 手动求大的实数在一起, pid=1753">http://acm.hdu.edu.cn/showproblem.php?pid=1753 AC代码: /**  *大实数相加 ...

  3. CSS清除浮动_清除float浮动

    2.clear:both清除浮动为了统一样式,我们新建一个样式选择器CSS命名为“.clear”,并且对应选择器样式为“clear:both”,然后我们在父级“</div>”结束前加此di ...

  4. android 多语言适配

    建好android项目后,默认的是有个values文件,该文件下面默认的有strings.xml. 做多语言适配的时候,就需要在创建好的项目中,右键单击res文件夹,选择创建新的xml文件. 然后点击 ...

  5. C#中equals方法和==的区别

    Msdn中对equals方法的解释是:确定指定的对象是否等于当前对象. Equals方法是比较对象的内容,而==则是比较整个对象是否相等. Equals方法判断的是堆中的值,而==则判断的是堆栈中的值 ...

  6. thinkPHP入门 一

    简介 ThinkPHP是一个快速.简单的基于MVC和面向对象的轻量级PHP开发框架,遵循Apache2开源协议发布,从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,尤其注重开 ...

  7. juce viewport使用

    1.设置内容组件 void PropertyPanel::init() { messageWhenEmpty = TRANS("(nothing selected)"); addA ...

  8. html 调用 activeX(c++)

    1.新建MFC ActiveX 2.添加方法 3.找到add函数编写代码 4.在test.idl中找到最后一个uuid 5.编译工程,会自动注册控件 6.html中的代码 <html> & ...

  9. mysql 的replace 和replace in to

    1.  mysql 的replace  批量替换 update candidate set education = replace(education,'科','学') where education ...

  10. How can I get the logical valume by the datafile names and ASM disks?

    Q:We use asmlib to create ASM disk in Oracle rac 11.2.0.3, and how can I get the logical valume by t ...