web开发学习笔记(2):HTML注释&lt

转载自生活没有if-else的博客http://blog.csdn.net/chentravelling/article/details/43090085

一、JavaScript注释:

1.单行注释:

符号://

 //document.write("hello world");  该句话就会被注释而不会被执行。

2.多行注释:

符号:/.../

 /* document.write("hello world<br>"); 
    document.write("hello world<br>"); 
 */   //该两句就不会被执行  

二、HTML注释:

符号:< !--.......-->

1.在HMTL语句中注释:

 <!-- 
 document.write("hello world");
 --> //该句就不会被执行  

2.在JS语句中使用:【需要在之间使用】

 <script language = "javascript" type = "text/javascript">  
         <!-- 
         document.write("hello world,this is my first js webpage - 1<br>"); 
         -->  
     </script>//不支持JavaScript的浏览器则会不会执行document.write("hello world,this is my first js webpage - 1<br>");而在支持JavaScript的浏览器还是会执行该句。  

例子:【可以直接复制粘贴,运行,查看结果】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<span style="white-space:pre">    </span><head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <title>The Web Development </title>  
       <span style="white-space:pre">     </span> <!----------------------<span style="color:#ff0000;">插入js代码,必须放在<script>与</script>标签之间</span>---------------------->     
        <script language = "javascript" type = "text/javascript">  
            <!-- 
            document.write("hello world,this is my first js webpage - 1<br>"); 
            -->  
        </script>  
        <!---------------------------------------------------------------------------------------->  
    <span style="white-space:pre">    </span></head>  
  
    <span style="white-space:pre">    </span><body>         
    <span style="white-space:pre">    </span></body>  
</html>

分析:
第6行和第12行代码属于HTML代码,使用标签注释的句子将不会被执行;

第8行和第10行属于js代码【位于之间】,此时不支持JavaScript的浏览器则会不会执行第9句,而在支持JavaScript的浏览器还是会执行第9句。

使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯(这样就不会把脚本显示为纯文本)。

web前端开发系列笔记:http://blog.csdn.net/chentravelling/article/category/2857107

文章导航