位置:电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频(Videos)
当前阅读教程:HTML入门到精通 > 2.3 HTML 注释 <!--...--> 标签和查看源代码
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 2.2 HTML 水平线 <hr> 标签 下一篇: 2.4 HTML 段落 <p> 标签

基础用法

<!--...--> 注释标签用来在源文档小白教程网中插入注释。

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释写法如下:

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

注释:开始括号之后(左边的尖括号)需要紧跟一个叹号,然后紧跟两个中横线,结束括号之前(右边的尖括号)不需要叹号,合理地使用注释可以对未来的代码编辑工作产生帮助。

您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。

您也可以在注释内容存储针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。

<script type="text/javascript">
<!--
function displayMsg()
{
  alert("Hello World!")
}
//-->
</script>

注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。

除了在源文档小白教程网中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档小白教程网服务端软件特有的特性。这些服务器可以扫描文档小白教程网,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档小白教程网的内容。

标准属性

<!--...--> 注释标签不支持任何标准属性。

事件属性

<!--...--> 注释标签不支持任何事件属性。

附录

也可以将一句或者一段代码注释:

<!-- 此刻不显示此段落:
<p>这是一个被注释了的段落。</p>
-->

条件注释

<!--[if IE 8]>
    .... some HTML here ....
<![endif]-->

u  注意: 条件注释定义只有 Internet Explorer 执行的 HTML 标签。

下面我们来看下如何在网页中使用注释,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 注释:黄菊华老师</title>
</head>
<body>
<!--这是一个注释,注释在浏览器中不会显示-->
<p>这是一个段落</p>
</body>
</html>

效果如图2-6

image.png

如何查看源代码

你是否看过一些网页然后惊叹它是如何实现的的。

如果您想找到其中的奥秘,只需要单击右键,然后选择"查看源文件"IE)或"查看页面源代码"Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。


上一篇: 2.2 HTML 水平线 <hr> 标签 下一篇: 2.4 HTML 段落 <p> 标签
毕业设计网             广告联系QQ:45157718(微信同号)