atom - Emmet插件使用,代码快速填写

时间:2022-03-31 19:40:50

参考转载:http://www.hangge.com/blog/cache/detail_1537.html

用法:

  输入:ul>li*6    接着按:tab键

常用语法:

  1.后代>:nav>ul>li

  2.兄弟+:div+p+span

  3.上级^:div+div>p>span+em^^bq

  4.分组():div>(header>ul>li*2>a)+footer>p

  5.乘法*:ul>li*5

  7.ID和类属性#/.:#header/.title

  8.文本{}:a{Click me}

HTML标签语法:

  1.未知缩写转为标签:hangge

  2.基本html标签:

    !:生成html模板

    a:<a href=""></a>

    a:link:<a href="http://"></a>

  更多见头部链接