Jade学习中一些需要注意的地方

教程知识


今天刚接触Jade，好像挺容易上手的，但是有一些地方不注意的话可能会忘记，其他简单的就不说了，中文文档里写的都很清楚，把需要重点记忆的写出来

中文文档
http://www.nooong.com/docs/jade_chinese.htm

1.HTML本质上是XML，在HTML文件的起始位置需定义doctype

doctype html

2.可以用“=”设置元素包含的内容，“=”后的内容会被转码（escaped）。

div= 'If you think you can, 
you can'
等价于

If you think you can, 
you can

输出
If you think you can, 
you can

大小于号被转码了，也就是保持原文本的内容输出，如果不想转码，用“!=”就可以了

div!= 'If you think you can, 
you can'
等价于

If you think you can, 
you can

输出
If you think you can,
you can.

里面的
作为标签换行使用了
也就是说如果使用“！=”，意味着这个语句，解析器不做任何处理，输出到网页时里面如果有标签，也会发挥标签的作用。

3.标签内部的文本
在下面这种情况时，就不好写了


	Google
	If you think you can, you can.

如果这样写，If就会被当做标签元素

div
	a(href="http://google.com") Google
	If you think you can, you can.

解决方法是添加竖线“|”

div
	a(href="http://google.com") Google
	| If you think you can, you can.

这告诉了Jade模板解析器，将后面的内容原样输出，跟前面的！=是类似的，意味着这一行不做任何解析，直接输出给html，再根据标签作用输出到浏览器上。
多行的时候如果不想多按几个“|”，则是用“.”，但是只从“.”下一行开始，本行“.”后面如果有东西会被当做是class属性处理
多行一般用在填充