HTML <!

大家查询许多网站源码的情况下,会发现许多注解,非常是新浪网注解标识用于在源文本文档中插进注解,注解文本1般做为程序流程员参照应用,非常是大中型、多人开发设计的网站源代码,假如沒有注解就没法让甲程序流程员写的编码,让乙程序流程员鉴别,这样万1程序流程员甲辞职了,那末他所写的编码将很难被维护保养。而有了注解以后,对编码的了解将更非常容易。



新浪网源码HTML注解(翠绿色文本便是注解)

HTML 注解会被访问器忽视,而HTML 注解立即在网站源码內部撰写,也不容易显示信息在前端开发。如上图,翠绿色一部分全是注解,不容易被显示信息出来,根据上面翠绿色文本,大家能够了解这段编码是甚么意思,和编码刚开始完毕。HTML 注解文件格式以下:


拷贝编码
编码以下:

<!-- 这里是注解文本 by www.jb51.net -->
<!--
这里也是注解文本
可是换行了还可以 by www.jb51.net
-->

HTML 注解高級功效

说白了,HTML注解便是1种注解,对程序流程的內部注释。实际上这只是最基本的功效,可是更是由于这些被前端开发访问器忽略的作用,当代网页页面程序流程对注解开展了更深层次的研究,让注解愈来愈有效。

对页内CSS/JS的功效

HTML 注解还被用于页内 Javascript 和 CSS 编码,许多老版的访问器或没法鉴别Javascript 和 CSS 的访问器,假如立即写编码,常常会显示信息出文本,10分危害阅读文章。


拷贝编码
编码以下:

<!DOCTYPE html>
<html>
<head>
<style >
body{color:#F00}
</style>
<script type="text/javascript">
alert('欢迎浏览www.jb51.net');
</script>
</head>
<body>
<p>Jbzj!</p>
</body>
</html>

上面的编码,沒有应用HTML 注解,假如在1些老版手机上访问器和IE6下列版本号浏览,会显示信息下面文本:


拷贝编码
编码以下:

body{color:#F00} alert('欢迎浏览www.jb51.net');</p> <p>Jbzj!

即便这些老版访问器不了解<style> 和 <script> 这些标识,可是依据标识无法显示标准,这些标识也不容易被显示信息出来的,就作为没法鉴别的自定标识。而这些标识內部的文本就会被立即显示信息出来,没什么疑惑,这些CSS 和 Javascript 编码毫无疑问不想被显示信息出来,因此假如应用下面注解编码,就不容易显示信息CSS 和 Javascript了。


拷贝编码
编码以下:

<!DOCTYPE html>
<html>
<head>
<style >
<!--
body{color:#F00}
--!>
</style>
<script type="text/javascript">
<!--
alert('欢迎浏览www.jb51.net');
--!>
</script>
</head>
<body>
<p>Jbzj!</p>
</body>
</html>

HTML注解被用于MVC设计方案

当代许多开源系统编码新项目,非常是MVC网页页面设计方案设计风格的开源系统编码,这些新项目会在传统式HTML编码中插进1些注解,以后在这些注解里边加上如广告宣传等內容。



Discuz 运用HTML注解插进编码、分辨Discuz编码