jade注释

Posted wzndkj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jade注释相关的知识,希望对你有一定的参考价值。

在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>

 

以上是关于jade注释的主要内容,如果未能解决你的问题,请参考以下文章

phpstorm 实用快捷键 和 注释

JAVA WEB代码片段

web代码片段

兼容ie8,firefox,chrome浏览器的代码片段

C#VS快捷键

C#VS快捷键