jade

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>





posted @ 2013-02-03 23:15  前端咖  阅读(467)  评论(0编辑  收藏  举报