emmet插件基本用法

atom editpad++等编辑器均可安装

1. 书写H5文档基本框架

        html:5 或 ! 按tab 

    2.快速书写 头部信息

        meta:utf

        meta:vp

        meta:compat

        link

        link:css

        script:src

        script

    3.body中快速输出 标签

        div.classname

        p#idname

        div 可以省略     如 .classname,#idname

        a:link

        a:mail

        a{内容}

        2.1同级标签

        h2.header+p.info

        2.2 后代标签 下级标签

        h2.classname>span#idname

        ul>li

        2.3 上级标签

        h2.classname>span^p        ^拖字符

        <h2 class="classname"></h2>

        <p></p>

         2.4 生成标签时，生成文本或自定义属性

        a{文本}

        p[title="title"]

        2.5 重复生成功能

        ul>li*6

        ul.list>li#item*8>a{导航}

        ul.list>li#item*8>a{导航$$}正序

        ul.list>li#item*8>a{导航$$@-}倒序

        ul.list>li#item*8>a{导航$$@100}从100开始编号

        ul.list>li#item*8>a{导航$$$@100}从100开始编号

        ul.list>li#item*8>a{导航$$$$@100}从0100开始编号

更多信处可从emmet官网查看学习 emmet.io