超详细HTML lt;!–…– gt; 注释标签使用实例.pdfVIP

超详细的HTML !– …– 注释标签使⽤实例 HTML !--...-- 注释标签 标签定义及使⽤说明 !--...-- 注释标签⽤来在源⽂档中插⼊注释。注释不会在浏览器中显⽰。 您可使⽤注释对您的代码进⾏解释 这样做有助于您在以后的时间对代码的编辑。特 别是代码量很⼤的情况下很有⽤。 您也可以在注释内容存储针对程序所定制的信息。在这种情况下 这些信息对⽤户是 不可见的 但是对程序来说是可⽤的。⼀个好的习惯是把注释或样式元素放⼊注释⽂ 本中 这样就可避免不⽀持脚本或样式的⽼浏览器把它们显⽰为纯⽂本。 script type=text/j avascript !-- function displayMsg() alert(Hello World !) } //-- /script html 注释代码分析图 注释：命令⾏最后的两个正斜杠 （// ）是 JavaScript 注释符号。这确保了 JavaScript 不 会执⾏ -- 标签。 除了在源⽂档中有⾮常明显的作⽤外 许多 Web 服务器也利⽤注释来实现⽂档服务 端软件特有的特性。这些服务器可以扫描⽂档 从传统的 HTML/XHTML 注释中找到 特定的字符序列 然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简 单的包括其他⽂件中的⽂本 （即所谓的服务器端包含 server-inside include ） 也可能 是复杂地执⾏其他命令去动态⽣成⽂档的内容。 实例 HTML 注释： !--这是⼀个注释 注释在浏览器中不会显⽰-- p这是⼀个段落/p 尝试⼀下 » 浏览器⽀持 所有主流浏览器都⽀持 !--...-- 注释标签。 HTML 4.01 与 HTML5之间的差异 ⽆。 标准属性 !--...-- 注释标签不⽀持任何标准属性。 如需更多有关 HTML 标准属性的信息 请访问 标准属性。 件属性 !--...-- 注释标签不⽀持任何事件属性。 如需更多有关 HTML 事件属性的信息 请访问 事件属性。 HTML注释的作⽤ ⼀套完整的代码可以让⼈眼花缭乱 当程序员想要对某些部分进⾏修改的时候 可能 要花很多的时间去找出那部分的代码。就像我们在⽂章中给重要的部分进⾏标记、做 记号⼀样 在代码⾥可以使⽤到“注释标签”来对⼀些代码进⾏注解。注释标签不会在 可视化界⾯当中显⽰ 因为它只是程序员们⽤来标注说明的⼀个⼩玩意 ⽤来对⼀些 代码程序进⾏解释 也⽅便后来者能够快速地接⼿并且理解其⽤处。 代码⽰例 !-- 这是w3cschool⽹站⾸⻚头图 -- img src=/images/w3c/intro.png alt= 运⾏结果： 解析： 1、从上⾯⽰例我们可以看出 注释部分的⽂字在运⾏后不见了 但是如果查看源代 码就能看见这部分的内容。 !-- 这是w3cschool⽹站⾸⻚头图 -- 2、在例⼦中还出现了img src= 图⽚路径 alt= 图⽚名称 / img 标签的 src 属性是必需的。它的值是图像⽂件的 URL 也就是引⽤该图像的⽂ 件的的绝对路径或相对路径。 如何查看注释： 1、⾸先在⽹页上点击右⿏标键 选择查看源代码。 2、进⼊源代码页⾯之后按下ctrl+f就会出现搜索框 3、输⼊“!--”就可以找到注释标签啦 ！除了⽤来说明之外 注释标签还经常⽤在注释 掉⼀些暂时不需要显⽰的代码。⽐如你做了⼀个活动 明天上午⼗点才能开放页⾯ 但是你可以提前把代码写好并上传 然后在活动开始的那⼀刻删掉注释 就能够⽐较 快速地完成对⽹站的修改。 当然 这样搜索出来的结果就是显⽰了所有的注释标签 如果是代码主⼈⾃⼰要查找 某个注释标签 在搜索框⾥直接输⼊注释标签的⽂字内容即可。 听说很多程序员喜欢写⼀些搞怪的注释标签 ⽐如： !-- 下⾯这串代码是经理要求加的，⽬的就是为了拖慢⽹⻚加载速度，好再 客户⼀笔优化⽹ -- link rel=stylesheet href=//www ./foo.css type=tex !-- 这个⻚⾯的代码都不要动！不要动！不要动！我动了之后就后悔了 -- !-- 这段代码好像是没⽤的，但是我不敢删掉 -- 上⾯是html的注释标签 注释标签还有另⼀种表现形式 就运⽤在C语⾔当中。 C语⾔的注释符⼀般分为两种 ⼀种是以“/*”开头 在中间加上注释内容 并以“*/”结 尾的段落注释符。在“/*”和“*/”之间的即为注释