在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注释的更多相关文章

  1. Jade之注释

    注释 jade注释可以保留在编译后生成的html中,也可以不保留. jade: // 这个会保留下来 p Hello //- 这个不会保留 p World html: // 这个会保留下来 <p ...

  2. jade模板引擎学习笔记（WebsStorm9.0.3+ nodejs+express+jade）

    jade环境搭建 jade标签写法 jade注释 jade添加类名.id.属性 jade添加脚本,css jade变量 jade多行文本显示 jade流程代码:for,each,while jade流 ...

  3. jade模板引擎的基本使用

    jade和ejs很大的不同是通过缩进的方式解决嵌套和成对标签的问题,比较适合有代码洁癖的同学. jade官方有基础的语法: http://naltatis.github.io/jade-syntax- ...

  4. node之jade和ejs的使用方法 jade篇

    let express = require('express'); let consolidate = require('consolidate'); let app = express(); // ...

  5. 更改ejs模板引擎的后缀为html

    安装 EJS 在项目目录右键->Open Command Prompt Here 输入 npm install ejs 打开app.js //app.set('view engine', 'ja ...

  6. jsde与gulp使用说明

    jade是一款基于haml的html模板引擎,已改为pug 1.全局安装 npm install jade -g 新建一个jade文件夹,再建一个后缀名为.jade的文件编辑.jade文件 jade ...

  7. Jade模板引擎让你飞

    写在前面:现在jade改名成pug了 一.安装 npm install jade 二.基本使用 1.简单使用 p hello jade! 渲染后: <p>hello jade!</p ...

  8. jade模板

    jade 模板使用 npm install jade -g      安装到全局 jade index.jade         导出一个 index.html 压缩后的 jade -P index. ...

  9. jade学习01

    编写 简单例子 doctype html html head title learn jade body h1 learn jade 常用命令 编译: jade index.jade //默认编译成压 ...

随机推荐

  1. text-align:justify 两端对齐

    今天看页面发现一个以前没用过的css属性text-align:justify,查了一下非常实用,是一个实现文本两端对齐的属性. 使用前: 使用后: 看了一些文章还有结合inline-block+tex ...

  2. 高性能最终一致性框架Ray之基本功能篇

    一.Event(事件) Event是Actor产生的记录状态变化的日志,由StateId(状态Id),UID(幂等性控制),TypeCode(事件类型),Data(事件数据),Version(事件版本 ...

  3. Asp.Net Core Identity中基于角色授权

    我们已经在之前介绍了简单的授权是在Controller或Action上添加属性Authorize来实现,那角色授权是在指定Authorize的同时指定Roles参数. 我们来看看基于角色访问的三种方式 ...

  4. IP通信学习心得03

    三.TCP.三次握手.四次挥手 1.TCP数据包结构 注: A:序列号字段是所发字节的第一个字节的序号. B:报头最大长度为60个字节(4bits),最小为20个字节. C:  发送窗口由接收窗口决定 ...

  5. MySQL面试 - 读写分离

    MySQL面试 - 读写分离 面试题 你们有没有做 MySQL 读写分离?如何实现 MySQL 的读写分离?MySQL 主从复制原理的是啥?如何解决 MySQL 主从同步的延时问题? 面试官心理分析 ...

  6. 虚拟机性能监控与故障处理工具(深入理解java虚拟机三)

    JDK自带的工具可以方便的帮助我们处理一些问题,包括查看JVM参数,分析内存变化,查看内存区域,查看线程等信息. 我们熟悉的有java.exe,javac.exe,javap.exe(偶尔用),jps ...

  7. Python 实现微信小程序的用户登录

    小程序可以通过官方提供的登录能力来获取用户身份的标示,具体文档可以参考 这里,通过流程时序可以看到,对于需要和前端配合的服务端开发,主要实现的就是通过小程序提供的 code 换取用户的 openid ...

  8. Linux 基础 目录介绍

    /bin           存放二进制可执行文件(ls  cat   clear)等等 ,常用基础命令在这个目录下 /etc           存放系统管理和配置文件   如 passwd   用 ...

  9. ALV报表——基础(一)

    目录 一.ALV的简介 二.程序实现 2.1.实现步骤 2.2.代码示例 三.Layout.Fieldcat相关属性,ALV输出函数 3.1.Layout相关属性 3.2.Fieldcat相关属性 3 ...

  10. jquery.marquee

    http://aamirafridi.com/jquery/jquery-marquee-plugin#examples <script src="/plugins/marquee/j ...