高效输入Emmet使用手册

后代:> emmet 缩写:nav>ul>li

兄弟:+ emmet 缩写:div+p+bq

上级:^ emmet 缩写:div+div>p>span+em^bq

emmet 缩写:div+div>p>span+em^^bq

分组:() emmet 缩写:div>(header>ul>li*2>a)+footer>p

emmet 缩写:(div>dl>(dt+dd)*3)+footer>p

乘法: emmet 缩写:ul>li5

自增符号:$ emmet 缩写:ul>li.item$*5

emmet 缩写:h$[title=item$]{Header $}*3

Header 1

Header 2

Header 3

emmet 缩写:ul>li.item$$$*5

emmet 缩写:ul>li.item$@-*5

emmet 缩写:ul>li.item$@3*5

ID和类属性 emmet 缩写:#header

emmet 缩写:.title

emmet 缩写:form#search.wide

emmet 缩写:p.class1.class2.class3

自定义属性 emmet 缩写:p[title="Hello world"]

emmet 缩写:td[rowspan=2 colspan=3 title]

emmet 缩写:[a='value1' b="value2"]

文本:{} emmet 缩写:a{Click me} Click me emmet 缩写:p>{Click }+a{here}+{ to continue}

Click here to continue

隐式标签 emmet 缩写:.class

emmet 缩写:em>.class emmet 缩写:ul>.class

emmet 缩写:table>.row>.col

HTML 所有未知的缩写都会转换成标签,例如,foo → emmet 缩写: <!doctype html>

Document

emmet 缩写 别名 结果 a a:link a:mail abbr acronym base basefont br
frame hr


bdo bdo:r bdo:l col link link:css link:print link:favicon link:touch link:rss link:atom meta meta:utf meta:win meta:vp meta:compat style script script:src img iframe embed object param map area area:d area:c area:r area:p form
form:get
form:post
label input inp input:hidden input[type=hidden name] input:h input:hidden input:text, input:t inp input:search inp[type=search] ` ``` input:email inp[type=email] input:url inp[type=url] input:password inp[type=password] input:p input:password input:datetime inp[type=datetime] input:date inp[type=date] input:datetime-local inp[type=datetime-local] input:month inp[type=month] input:week inp[type=week] input:time inp[type=time] input:number inp[type=number] input:color inp[type=color] input:checkbox inp[type=checkbox] input:c input:checkbox input:radio inp[type=radio] input:r input:radio input:range inp[type=range] input:file inp[type=file] input:f input:file input:submit input:s input:submit input:image input:i input:image input:button input:b input:button isindex input:reset input:button[type=reset] select option textarea menu:context menu[type=context]> menu:c menu:context menu:toolbar menu[type=toolbar]> menu:t menu:toolbar video audio html:xml keygen command bq blockquote
acr acronym fig figure
figc figcaption
ifr iframe emb embed obj object src source cap caption colg colgroup fst, fset fieldset
btn button btn:b button[type=button] btn:r button[type=reset] btn:s button[type=submit]

JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里只属于前端工程师。