常用 emmet 语法

  • ! 或者 doc
  • html:5 或者 ! 生成 HTML5 结构
  • html:xt 生成 HTML4 过渡型
  • html:4s 生成 HTML4 严格型
  • div#id 生成div的id属性
  • div.class 生成div的class属性
  • div.class>ul>li
  • 生成兄弟: div+p+span
  • 生成上级元素 div>ul>li^span
  • 生成多个 ul>li*5
  • 生成分组 div>(header>ul>li*2>a)+footer>p
  • 生成自定义属性:a[href=”http://www.baidu.com“ title=”白夜飞鱼的博客”]
  • 生成内容编号: ul>li.item$*5
  • 生成文本内容:a[href=”http://www.baidu.com"]{点击进入百度}