emmet語法

原文:?https://www.w3cplus.com/tools/emmet-cheat-sheet.html

語法

后代:>縮寫:nav>ul>li兄弟:+縮寫:div+p+bq

上級:^縮寫:div+div>p>span+em^bq

縮寫:div+div>p>span+em^^bq

分組:()縮寫:div>(header>ul>li*2>a)+footer>p

縮寫:(div>dl>(dt+dd)*3)+footer>p

乘法:*縮寫:ul>li*5

自增符號:$縮寫:ul>li.item$*5

縮寫:h$[title=item$]{Header $}*3

Header 1

Header 2

Header 3

縮寫:ul>li.item$$$*5

縮寫:ul>li.item$@-*5

縮寫:ul>li.item$@3*5

ID和類屬性縮寫:#header

縮寫:.title

縮寫:form#search.wide

縮寫:p.class1.class2.class3

自定義屬性縮寫:p[title="Hello world"]

縮寫:td[rowspan=2 colspan=3 title]縮寫:[a='value1' b="value2"]

文本:{}縮寫:a{Click me}Click me縮寫:p>{Click }+a{here}+{ to continue}

Clickhereto continue

隱式標簽縮寫:.class

縮寫:em>.class縮寫:ul>.class

縮寫:table>.row>.col

HTML

所有未知的縮寫都會轉換成標簽,例如,foo →縮寫:!縮寫: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]

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,527評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,687評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,640評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,957評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,682評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,011評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,009評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,183評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,714評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,435評論 3 359
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,665評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,148評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,838評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,251評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,588評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,379評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,627評論 2 380

推薦閱讀更多精彩內容

  • 使用方法 emmet的使用方法也非常簡單,以sublime text為例,直接在編輯器中輸入HTML或CSS的代碼...
    jrg陳咪咪sunny閱讀 380評論 0 1
  • Emmet是一款文本編輯器/IDE的插件,用來快速生成復雜的HTML代碼,只要掌握一些常用的語法(類似于CSS選擇...
    我是奮斗哥閱讀 13,749評論 0 34
  • 孩子節點 > 兄弟節點 + 上級節點 ^ 倍增 * ID屬性 # CLASS屬性 . 自定義屬性 文本 {} 組 ...
    快樂的大鵝閱讀 1,023評論 0 0
  • 常年在外的我平時難得回家,只有孩子們放暑期的時候才有時間回去。每次回去路過倔爺家門口都能看到倔爺,他頭枕著閨女給做...
    域星閱讀 674評論 8 5
  • ——真情實感與題材是緊密聯系的,而題材要在生活中提取 不知道在你們學生時代寫的作文,是不是很多都是瞎編著寫出來的,...
    蔡小熙閱讀 350評論 0 3