关于Pug/Jade的学习(2)

声明/文档类型

1.doctype html

标签

1.标签简写，省略尖括号

2.标签嵌套

  ①自然方式：利用换行和空格表示嵌套关系

  ②一行表示法-尖括号：首标签省略尖括号，被嵌套的标签注意要带尖括号

---

   标签嵌套注意：p为什么不能嵌套h2----解决中

  ③一行表示法2-块展开：首标签省略尖括号，紧接冒号，空格，后接标签同时省略尖括号

3.加id/class时，没有标签，默认使用标签div

属性和类

1.id：标签后紧接#main

2.class：标签后紧接.block

3.id+class：标签后紧接#mian.block

4.id+class+class：标签后紧接#main.block.hover

5.属性：标签（，）来分割

---

pug文件：img.imh01(src="img/aaa.jpg",alt="sss")

html文件：<img class="img01"  src="img/aaa.jpg"  alt="sss">

6.利用括号也可以完成添加id和class：标签后(class="")

---

pug文件：p(class="ppp03")

html文件：<p class="ppp03"></p>

关于pug的学习：https://segmentfault.com/a/1190000006198621