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. SQL Server2005使用CTE实现递归

    本文来自:http://www.cnblogs.com/wenjl520/archive/2010/01/18/1650393.html CTE递归原理: 递归CTE是由两个最小查询构建的.第一个是定 ...

  2. Java算法简介及排序剖析

    本文来自http://blog.csdn.net/liuxian13183/ ,引用必须注明出处! 从小白晋升,一路走来:从helloworld,到JFrame,再到Android:从城外小子,到内城 ...

  3. CSS清除浮动的方法

    CSS清除浮动的方法有哪些呢?经常性地会使用到float,很多邪门的事儿都有可能是浮动在作怪,清除浮动是必须要做的,而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一.下面看今天的 ...

  4. [AC自动机][HDU3065]

    //====================== // HDU 2222 // 求目标串中出现了几个模式串 //输入 //1 //5 //she //he //say //shr //her //ya ...

  5. jQuery——AJAX(一)

    jQuery.ajax(options):通过HTTP请求加载远程数据, 参数:options(可选),ajax请求设置.所有选项都是可选的. 返回值:XMLHttpRequest function ...

  6. 临时笔记：flume+ CDH 的 twitter实例

    http://www.slideshare.net/OpenAnayticsMeetup/analyzing-twitter-data-with-hadoop-17718553 http://www. ...

  7. 天坑 之 JSP编译错误

    情况:今天写自己的小网站,使用jsp+servlet+mysql,bean,dbutil,DAO等都已经写完,mySQL也已经创建好数据库,表,和字段,添加完成数据,启动tomcat,结果出现下图错误 ...

  8. servlet 之 返回json数据并显示

    //实体类import java.util.ArrayList; public class ObjectType { private String type; private ArrayList< ...

  9. Perfect Squares

    Perfect Squares Total Accepted: 18854 Total Submissions: 63048 Difficulty: Medium Given a positive i ...

  10. C - Big Number

    Description In many applications very large integers numbers are required. Some of these application ...