jade:https://github.com/visionmedia/jade
基本示例介绍：
1、DOCTYPE
2、元素标签的使用
3、元素的id、class属性
4、元素的其他属性及自定义属性
5、| 的作用
示例：
-------------------------------------------------------------------------------------------------
doctype 5
html
head
title jadeTest
link(rel="stylesheet",href="*.css")
script(src="*.js")
script
function test(){
alert("Test");
}
test();
body
div#mid
id属性
div.mclassone.mclasstwo
class属性
div#nid.mclassone(mattr="test")
id属性，class属性及自定义属性
div
你好，|
a(href="http://www.cnblogs.com/kuikui",target="_target") 超链接
| 好啊
-------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<title>jadeTest</title>
<link rel="stylesheet" href="*.css" />
<script src="*.js"></script>
<script>
function test(){
alert("Test");
}
test();
</script>
</head>
<body>
<div id="mid">id属性</div>
<div class="mclassone mclasstwo">class属性</div>
<div id="nid" class="mclassone" mattr="test">id属性，class属性及自定义属性</div>
<div>你好，|<a href="http://www.cnblogs.com/kuikui">超链接</a>好啊</div>
</body>
</html>