emmet语法解读.docx

语法:后代：缩写：navullinav ul li/li /ul/nav兄弟：+缩写：div+p+bqdiv/divp/pblockquote/blockquote上级：^缩写：div+divpspan+em^bqdiv/divdiv pspan/spanem/em/p blockquote/blockquote/div缩写：div+divpspan+em^^bqdiv/divdiv pspan/spanem/em/p/divblockquote/blockquote分组：()缩写：div(headerulli*2a)+footerpdiv header ul liahref=/a/li liahref=/a/li /ul /header footer p/p /footer/div缩写：(divdl(dt+dd)*3)+footerpdiv dl dt/dt dd/dd dt/dt dd/dd dt/dt dd/dd /dl/divfooter p/p/footer乘法：*缩写：ulli*5ul li/li li/li li/li li/li li/li/ul自增符号：$缩写：ulli.item$*5ul liclass=item1/li liclass=item2/li liclass=item3/li liclass=item4/li liclass=item5/li/ul缩写：h$[title=item$]{Header $}*3h1title=item1Header 1/h1h2title=item2Header 2/h2h3title=item3Header 3/h3缩写：ulli.item$$$*5ul liclass=item001/li liclass=item002/li liclass=item003/li liclass=item004/li liclass=item005/li/ul缩写：ulli.item$@-*5ul liclass=item5/li liclass=item4/li liclass=item3/li liclass=item2/li liclass=item1/li/ul缩写：ulli.item$@3*5ul liclass=item3/li liclass=item4/li liclass=item5/li liclass=item6/li liclass=item7/li/ulID和类属性缩写：#headerdivid=header/div缩写：.titledivclass=title/div缩写：form#search.wideformid=searchclass=wide/form缩写：p.class1.class2.class3pclass=class1 class2 class3/p自定义属性缩写：p[title=Hello world]ptitle=Hello world/p缩写：td[rowspan=2 colspan=3 title]tdrowspan=2colspan=3title=/td缩写：[a=value1 b=value2]diva=value1b=value2/div文本：{}缩写：a{Click me}ahref=Click me/a缩写：p{Click }+a{here}+{ to continue}pClick ahref=here/a to continue/p隐式标签缩写：.classdivclass=class/div缩写：em.classemspanclass=class/span/em缩写：ul.classul liclass=class/li/ul缩写：table.row.coltable trclass=row tdclass=col/td /tr/tableHTML所有未知的缩写都会转换成标签，例如，foo → foo/foo缩写：!!doctype htmlhtmllang=enhead metacharset=UTF-8 titleDocument/title/headbody/body/html缩写：aahref=/a缩写：a:linkahref=http:///a缩写：a:mai