Jade——变体的HTML

什么是jade?

 jade是一个模板引擎,是变体的HTML。

test.jade

p hello jade

  其上的 jade 模板会被解析成对应的html

<p>hello jade</p>

  

Jade的特点是语法简洁、简单易学、支持嵌入代码、支持多重继承。通过本文的学习,你将能快速掌握Jade的基本用法及一些小技巧。

相对于HTML,Jade中的元素(Element)标记(Tag)没有用“<>”包围,其属性(Attribute)是用“()”括起来的。

另外,你可能已经注意到了,Jade的元素没有相对应的“开始标记”和“结束标记”。Jade是用“缩进”来描述元素的从属关系(与Python的语法相似)。

若你使用过HBuilder,你会发现jade的语法非常的亲切,因为他使用#代替id,使用.代替类型,和HBuilder的快速生成html标签的操作一样,很方便啊!

DOCTYPE

HTML本质上是XML,在HTML文件的起始位置需定义doctype。

doctype html  --> <!DOCTYPE html>

未完待续!!!

参考文章:

jade中文社区:http://www.nooong.com/docs/jade_chinese.htm

CNode技术社区:https://cnodejs.org/topic/5368adc5cf738dd6090060f2

猜你喜欢

转载自www.cnblogs.com/1906859953Lucas/p/9689134.html