页面的注释

在网页中,除了以上这些基本标签外,还包含一种不显示在页面中的元素,那就是代码的注释文字。适当的注释可以帮助用户更好地了解网页中各个模块的划分,也有助于以后对代码的检查和修改。给代码加注释,是一种很好的编程习惯。在HTML5文档中,注释分为三类:在文件开始标签<html></html>中的注释、在CSS层叠样式表中的注释和在JavaScirpt中的注释,JavaScirpt中的注释有两种形式。下面将对这三类注释的具体语法进行介绍
在文件开始标签<html></html>中的注释,具体语法如下:

<!--注释的文字-->

注释文字的标记很简单,只需要在语法中“注释的文字”的位置上添加需要的内容即可。
在CSS层叠样式表中的注释,具体语法如下:

/*注释的文字*/

在CSS样式中注释时,只需要在语法中“注释的文字”的位置上添加需要的内容即可。
说明:在JavaScript脚本语言中的注释有两种形式:单行注释和多行注释。
单行注释的具体语法如下:

//注释的文字

注释文字的标记很简单,只需要在语法中“注释的文字”的位置上添加需要的内容即可。
注意:在JavaScript中添加单行注释时,只需要在语法中“注释的文字”的位置上添加需要的内容即可。
多行注释的具体语法如下:

/*注释的文字*/

在JavaScript脚本中进行多行注释时,只需要在语法中“注释的文字”的位置上添加需要的内容即可。
注意:在JavaScript中添加多行注释时或单行注释的形式不是一成不变的,在进行多行注释时,单行注释也是有效的。运用“//注释的文字”对每一行文字进行注释达到的效果和“/注释的文字/”的效果一样。
常见错误:在HTML代码中,注释语法使用错误时,浏览器将注释视为文本内容,注释内容会显示在页面中。有时还会造成页面结构错乱等情况。例如,在谷歌浏览器上运行一个HTML5文件,下面给出该网页的关键代码:

01  <!--在这里注释可以吗?不可以!-->
02  <!DOCTYPE html>
03  <html>
04  <head>
05  <!--meta元素提供的信息是用户不可见的,它不显示在页面中,一般用来定义页面信息的名称、关键字、作者等。而在一个HTML头页面中可以有多个meta元素。meta元素的属性有两种:name和http-equiv-->
06  <meta charset="utf-8" />
07  <!--编码方式-->
08  <title><!--头部标签中不能加注释-->吉林省明日科技有限公司</title>
09  <link href="css/style.css" rel="stylesheet" type="text/css" />
10  <!--引入CSS外部样式表-->
11  <style type="text/css"  >
12  /* 在CSS中注释*/
13      /* 外层div.cen*/
14  .cen{
15        CLEAR: both;   /*清除浮动*/
16  MARGIN: 0px auto;
17        WIDTH: 947px;
18        TEXT-ALIGN: left;    /*水平对齐方式*/
19  border-left: solid 1px #D0D0D0;  /*左边框样式:宽度为1px,实线灰色框*/
20  border-right: solid 1px #D0D0D0;
21        padding: 0px 15px;
22      }
23      .err-animation {  /*‘.‘表示类样式,err-animation为样式名*/
24  color: red;
25        font-size: 24px;  /*字体*/
26  font-family: fantasy;  /*字体风格*/
27  animation-direction: alternate;   /*动画的路径*/
28  animation-fill-mode: both;
29        animation-duration: 4.75s;  /*动画持续时间*/
30  animation-iteration-count: infinite;  /*循环次数*/
31  animation-name: animations;  /*动画名*/
32  animation-play-state: running;  /*动画的状态*/
33  animation-timing-function: ease;  /*运动的速度*/
34  animation-delay: 0.15s   /*动画延时时间*/
35  }
36  </style>
37  </head>
38  <body>
39  <!--页面开始div.cen     start-->
40  <div class="cen">
41  <!--在HTML中注释语法错误的示例:-->
42  <h4 class="err-animation" style="color:red;font-family:fantasy;">注释错误 1:写在<span><</span><span>!DOCTYPE></span>标签之前</h4>
43  <h4 class="err-animation" style="   ‘内部样式中不可以注释! ‘   color: blue;font-style: oblique;font-family: -webkit-pictograph;color: maroon;">注释错误 2:注释语法不对!</h4>
44  <p>/* 明日学院网址:www.mingrisoft.com */</p>
45
46  <!--  跳转的页面top.html    start-->
47  <div>
48  <iframeframeborder="0" height="240" id="top" name="top" scrolling="No" src="inc/top.html" width="947"></iframe>
49  <!--  跳转的页面top.html     end-->
50  </div>
51  <h4 style="color:blue;font-size: 24px;font-family:fantasy" class="err-animation">注释错误 3:注释标签没写完整</h4>
52  <p><--   明日学院网址,我来注释一下好了,哒哒哒。。。--></p>
53  <!-- 第二部分只是一张jpg图片  start-->
54  <div><imgsrc="img/o_02.jpg" width="947" height="84" /></div>
55  </body>
56  </html>
57  <!--在html 后面注释也OK-->

用谷歌浏览器打开这个完整的HTML5文件,出现如图1.4所示的显示效果,图1.4中注释了3种注释用错的情况。分别用①②③标注出来了。

图1.4 HTML中注释的3种常见错误

原文地址:http://blog.51cto.com/13423192/2061200

时间: 2024-08-07 16:20:44

页面的注释的相关文章

multiwii 2.4配置页面中文注释

1 #ifndef CONFIG_H_   2 #define CONFIG_H_   3    4 /*************************************************************************************************/   5 /****           可配置参数                                                 ****/   6 /**************

让Jayrock插上翅膀(加入输入输出参数注释,测试页面有注释,下拉框可以搜索)

继上一篇文章介绍了Jayrock组件开发接口的具体步骤和优缺点之后,今天给大家带来的就是,如何修复这些缺点. 首先来回顾一下修复的缺点有哪些: 1.每个接口的只能写大概的注释,不能分开来写,如接口的主要功能,输入的参数是什么意思,输出的字段是什么意思. 2.测试页面中,针对每个接口的功能注释是没有的,这样非常不方便,因为接口一多,开发人员很难快速的定位要使用的接口. 3.测试页面中,选择的下拉框不能输入搜索,只能一个个选择,接口一多,绝对是个悲剧的活. 那么下面就展示我是如何修复这些缺点的: 1

HTML的页面IE注释

我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码,表示的是限定某些浏览器版本才能执行的语句,那么这些判断语句的规则是什么呢?请看下文: <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[i

JSP页面的注释细节

业务场景:通过后台传参,jstl标签控制一个页签是否显示,不过现在要去掉判断,直接让页签显示 在sublime直接这样注释,然后刷新,一直找不到标签显示,其它的都是正常的 <!--<c:if test="${actionFlag != 'layer'}">--> <li > <a href="javascript:delayPrint()"> <i class="fa fa-fw fa-check-sq

JSP页面的基本元素

JSP页面元素构成:静态内容.指令.表达式.小脚本.声明.注释. JSP指令包括: page指令:通常位于jsp页面的顶端,同一个页面可以有多个page指令. include指令:将一个外部文件嵌入到当前JSP文件中,同时解析这个页面中的JSP语句. taglib指令:使用标签库定义新的自定义标签,在JSP页面中启用定制行为. page指令语法: <%@page 属性="属性值" 属性2="属性值1,属性值2"... 属性n="属性值n"

MyEclipse中jsp的注释报错解决

jsp页面中注释报错: 出错现场:在eclipse中没有报错,在MyEclipse中报错. <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. --> Myeclipse的js中不会识别这样的标识 需要改成: //  To use express install, set to playerProductInstall.swf, otherwise the empty

Visual Studio 创建代码注释默认模版方法

在日常的开发中我们经常需要为页面添加注释和版权等信息,这样我们就需要每次去拷贝粘贴同样的文字,为了减少这种重复性的工作,我们可以把这些信息保存在Visual Studio 2012类库模版文件里 1.找到你的VS图标 右键-属性--打开文件所在目录 然后找到如下列表--CSarp文件夹                   快速定位vs安装目录↓ 安装在c盘的如下             vs2010:%ProgramFiles%\Microsoft Visual Studio 11.0\Comm

git修改未push和已经push的注释信息

修改还未push的注释: git commit --amend 修改后保存退出. 刚刚push到远端还没有人其他人下载或改动的: git commit --amend1进入修改页面修改注释信息,修改后:wq保存退出. 再使用git push --force-with-lease origin master 如果其他人已经下载或改动: git fetch origingit reset --hard origin/master 原文地址:https://www.cnblogs.com/-wangl

创建基于ASP.NET core 3.1 的RazorPagesMovie项目(三)-已搭建基架的Razor页面解释和更新

本节主要介绍在上一节中通过搭建基架而创建的Razor页面,并做一些UI改变. 一.创建.删除.详细信息和编辑页面 1.双击Pages/Movies/Index.cshtml.cs文件,这是一个Razor页面模型: 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Threading.Tasks; 5 using Microsoft.AspNetCore.Mvc; 6 us