在jade里面注释是有多种方式的
单行注释，加两个//，跟js里面一样
//h1.title#title imoock jade study
=>
<!--h1.title#title imoock jade study-->

 

非缓冲注释
//- h1.title#title imoock jade study
=>
''
这种注释是不会编译到浏览器里面，html里面就没有了这行代码

 

块注释
//-
    p
       | 12
       strong 11
       | 34
       span 22
       | 56
       | 78
       | 90
       a(href='#') 33
注释掉上层，就相当于注释掉里面掉多层子元素



如果是ie8这样掉浏览器注释
1、head前面加上这段
<!--[if IE 8]><html class='ie8'><![endif]-->
<!--[if IE 9]><html class='ie9'><![endif]-->
<!--[if !IE]><!--><html><!--<![endif]-->
2、最后加上</html>这个闭合标签
3、head平级标签不缩进
4、文档的编码格式也加上
eg:
doctype html
<!--[if IE 8]><html class='ie8'><![endif]-->
<!--[if IE 9]><html class='ie9'><![endif]-->
<!--[if !IE]><!--><html><!--<![endif]-->
head
    meta(charset='utf-8')
    title jade study
body
        //- h1.title#title imoock jade study
        div#id.classname
        #id.classname
       h1.title(class='title1 title2',id='title') imoock jade study
        //-
           p
               | 12
               strong 11
               | 34
               span 22
               | 56
               | 78
               | 90
               a(href='#') 33
</html>

 

=>
<!DOCTYPE html><!--[if IE 8]><html class='ie8'><![endif]-->
<!--[if IE 9]><html class='ie9'><![endif]-->
<!--[if !IE]><!--><html><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>jade study</title>
</head>
<body>
<div id="id" class="classname"></div>
<div id="id" class="classname"></div>
<h1 id="title" class="title title1 title2">imoock jade study</h1>
</body></html>

 

 

.的作用还是非常大的
比如我要写样式
style.
    body{
        color:red;
    }
=>
<style>
    body{
        color:red;
    }
</style>

 

比如我要写js
script.
    var i = 'jade'
=>
<script>var i = 'jade'</script>