使用HTML注释标签,超详细的HTML <!–…– > 注释标签使用实例.pdf

本文详细介绍了HTML注释的使用方法及其在代码组织和理解中的作用。通过示例,展示了如何使用`<!--...-->`注释标签,并提到了服务器端利用注释实现特殊功能的情况。此外,还强调了注释对于代码可读性和团队协作的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

超详细的HTML

超详细的HTML 注释标签使⽤实例

HTML 注释标签

标签定义及使⽤说明

< !--...--> 注释标签⽤来在源⽂档中插⼊注释。注释不会在浏览器中显⽰。

您可使⽤注释对您的代码进⾏解释 这样做有助于您在以后的时间对代码的编辑。特

别是代码量很⼤的情况下很有⽤。

您也可以在注释内容存储针对程序所定制的信息。在这种情况下 这些信息对⽤户是

不可见的 但是对程序来说是可⽤的。⼀个好的习惯是把注释或样式元素放⼊注释⽂

本中 这样就可避免不⽀持脚本或样式的⽼浏览器把它们显⽰为纯⽂本。

< !--

function displayMsg()

alert("Hello World !")

}

//-->

html 注释代码分析图

注释:命令⾏最后的两个正斜杠 (// )是 JavaScript 注释符号。这确保了 JavaScript 不

会执⾏ --> 标签。

除了在源⽂档中有⾮常明显的作⽤外 许多 Web 服务器也利⽤注释来实现⽂档服务

端软件特有的特性。这些服务器可以扫描⽂档 从传统的 HTML/XHTML 注释中找到

特定的字符序列 然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简

单的包括其他⽂件中的⽂本 (即所谓的服务器端包含 server-inside include ) 也可能

是复杂地执⾏其他命令去动态⽣成⽂档的内容。

实例

HTML 注释:

< !--这是⼀个注释 注释在浏览器中不会显⽰-->

这是⼀个段落

尝试⼀下 »

浏览器⽀持

所有主流浏览器都⽀持 < !--...--> 注释标签。

HTML 4.01 与 HTML5之间的差异

⽆。

标准属性

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

如需更多有关 HTML 标准属性的信息 请访问 标准属性。

件属性

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

如需更多有关 HTML 事件属性的信息 请访问 事件属性。

HTML注释的作⽤

⼀套完整的代码可以让⼈眼花缭乱 当程序员想要对某些部分进⾏修改的时候 可能

要花很多的时间去找出那部分的代码。就像我们在⽂章中给重要的部分进⾏标记、做

记号⼀样 在代码⾥可以使⽤到“注释标签”来对⼀些代码进⾏注解。注释标签不会在

可视化界⾯当中显⽰ 因为它只是程序员们⽤来标注说明的⼀个⼩玩意 ⽤来对⼀些

代码程序进⾏解释 也⽅便后来者能够快速地接⼿并且理解其⽤处。

代码⽰例

< !--

这是w3cschool⽹站⾸⻚头图

-->

</p><p>运⾏结果:</p><p>解析:</p><p>1、从上⾯⽰例我们可以看出 注释部分的⽂字在运⾏后不见了 但是如果查看源代</p><p>码就能看见这部分的内容。</p><p>< !--</p><p>这是w3cschool⽹站⾸⻚头图</p><p>--></p><p align=2、在例⼦中还出现了图⽚名称

标签的 src 属性是必需的。它的值是图像⽂件的 URL 也就是引⽤该图像的⽂

件的的绝对路径或相对路径。

如何查看注释:

1、⾸先在⽹页上点击右⿏标键 选择查看源代码。

2、进⼊源代码页⾯之后按下ctrl+f就会出现搜索框

3、输⼊“

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值