Transcription
09/04/13Cheat SheetSyntaxChild: nav ul li nav ul li /li /ul /nav Sibling: div p bq div /div p /p blockquote /blockquote Climb- up: div div p span em bq div /div div p span /span em /em /p blockquote /blockquote /div div div p span em bq div /div div p span /span em /em /p /div blockquote /blockquote Grouping: ()div (header ul li*2 a) footer p div header ul li a href "" /a /li li a href "" /a /li /ul /header footer p /p /footer /div (div dl (dt dd)*3) footer p div dl dt /dt dd /dd dt /dt dd /dd dt /dt dd /dd /dl /div footer p /p /footer Multiplication: *ul li*5 ul li /li li /li li /li li /li li /li /ul Item numbering: docs.emmet.io/cheat-sheet/1/17
09/04/13Cheat Sheetul li.item *5h [title item ]{Header }*3 ul li li li li li /ul h1 title "item1" Header 1 /h1 h2 title "item2" Header 2 /h2 h3 title "item3" Header 3 /h3 class "item1" /li class "item2" /li class "item3" /li class "item4" /li class "item5" /li ul li.item @-*5 ul li li li li li /ul class "item001" /li class "item002" /li class "item003" /li class "item004" /li class "item005" /li ul li.item @3*5 ul li li li li li /ul ul li.item *5 ul class "item5" /li class "item4" /li class "item3" /li class "item2" /li class "item1" /li li li li li li /ul class "item3" /li class "item4" /li class "item5" /li class "item6" /li class "item7" /li ID and CLASS attributes#header.title div id "header" /div div class "title" /div form#search.wide form id "search" class "wide" /form p.class1.class2.class3 p class "class1 class2 class3" /p Custom attributesp[title "Hello world"]td[rowspan 2 colspan 3 title] p title "Hello world" /p td rowspan "2" colspan "3" title "" /td [a 'value1' b "value2"] div a "value1" b "value2" /div Text: {}a{Click me}p {Click } a{here} { to continue} a href "" Click me /a p Click a href "" here /a tocontinue /p Implicit tag names.classem .class div class "class" /div em span class "class" /span /em ul .class ul li class "class" /li /ul table .row .col table tr class "row" td class "col" /td /tr /table HTMLAll unknown abbreviations will be transformed to tag, e.g. foo foo /foo .docs.emmet.io/cheat-sheet/2/17
09/04/13Cheat Sheet!aAlias of html:5 !doctype html html lang "en" head meta charset "UTF-8" / a:mail /body /html acronymabbr abbr title " " /abbr base acronym title " " /acronym bdo base href " " / bdo:r bdo dir " " /bdo bdo:l bdo dir "rtl" /bdo link bdo dir "ltr" /bdo link:csslink:favicon a href "http:// " /a a href "mailto: " /a title Document /title /head body a:link a href " " /a link:print link rel "stylesheet" href " style .css" link rel "stylesheet" href " print .css"media "all" / media "print" / link:touch link rel "shortcut icon" type "image/x- link rel "stylesheet" href " " / link:rss link rel "apple-touch-icon" href "icon" href " favicon.ico " / link rel "alternate"type "application/rss xml" title "RSS"favicon.png " / href " rss.xml " / link:atommeta:utf link rel "alternate"type "application/atom xml" title "Atom"meta:win meta http-equiv "Content-Type"content "text/html;charset UTF-8" / meta http-equiv "Content-Type"content "text/html;charset windows-1251"/ href " atom.xml " / meta:vpmeta:compat meta name "viewport" content "width meta http-equiv "X-UA-Compatible"device-width , user-scalable no ,initial-scale 1.0 , maximum-scale 1.0 ,minimum-scale 1.0 " / scriptscript:src script /script iframe script src " " /script embed iframe src " " frameborder "0" /iframe param param name " " value " " / area:d area shape "default" href " " alt " " / area:p area shape "poly" coords " " href " "alt " " / embed src " " type " " / mapstyle style /style img img src " " alt " " / object object data " " type " " /object area map name " " /map area:c area shape "circle" coords " " href " "alt " " / form form action " " /form form:post form action " " method "post" /form docs.emmet.io/cheat-sheet/content " IE 7 " / area shape " " coords " " href " " alt "" / area:r area shape "rect" coords " " href " "alt " " / form:get form action " " method "get" /form label label for " " /label 3/17
09/04/13input input type " text " / Cheat Sheetinpinput:hidden input type " text " name " " id " " / Alias of input[type hidden name] input type "hidden" name " " / input:hinput:text, input:tinput:searchAlias of input:hiddenAlias of inpAlias of inp[type search] input type "hidden" name " " / input type " text " name " " id " " / input type "search" name " " id " " / input:emailAlias of inp[type email] input type "email" name " " id " " / input:urlinput:passwordinput:pAlias of inp[type url]Alias of inp[type password]Alias of input:password input type "url" name " " id " " / input type "password" name " " id " " / input type "password" name " " id " " / input:datetimeinput:dateinput:datetime-localAlias of inp[type datetime]Alias of inp[type date]Alias of inp[type datetime-local] input type "datetime" name " " id " " / input type "date" name " " id " " / input type "datetime-local" name " " id "" / input:monthinput:weekinput:timeAlias of inp[type month]Alias of inp[type week]Alias of inp[type time] input type "month" name " " id " " / input type "week" name " " id " " / input type "time" name " " id " " / input:numberinput:colorinput:checkboxAlias of inp[type number]Alias of inp[type color]Alias of inp[type checkbox] input type "number" name " " id " " / input type "color" name " " id " " / input type "checkbox" name " " id " " / input:cinput:radioinput:rAlias of input:checkboxAlias of inp[type radio]Alias of input:radio input type "checkbox" name " " id " " / input type "radio" name " " id " " / input type "radio" name " " id " " / input:rangeinput:fileinput:fAlias of inp[type range]Alias of inp[type file]Alias of input:file input type "range" name " " id " " / input type "file" name " " id " " / input type "file" name " " id " " / input:submit input type "submit" value " " / input:sAlias of input:submit input type "submit" value " " / input:image input type "image" src " " alt " " / input:iAlias of input:image input type "image" src " " alt " " / input:button input type "button" value " " / docs.emmet.io/cheat-sheet/4/17
09/04/13input:bCheat Sheetinput:resetAlias of input:buttonAlias of input:button[type reset] input type "button" value " " / input type "reset" value " " / textareamenu:context textarea name " " id " " cols " 30 "rows " 10 " /textarea menu:toolbar option value " " /option menu:cAlias of menu:context menu type "context" /menu Alias of menu:toolbar menu type "toolbar" /menu menu type "toolbar" /menu bqvideo video src " " /video audio audio src " " /audio acrAlias of blockquoteAlias of acronym blockquote /blockquote acronym title " " /acronym figifroption menu type "context" /menu menu:t htmlxmlns "http://www.w3.org/1999/xhtml" /html select name " " id " " /select Alias of menu[type context] Alias of menu[type toolbar] html:xmlselectfigcAlias of figureAlias of figcaption figure /figure figcaption /figcaption embobjAlias of iframeAlias of embedAlias of object iframe src " " frameborder "0" /iframe embed src " " type " " / object data " " type " " /object srccapcolgAlias of sourceAlias of captionAlias of colgroup source /source caption /caption colgroup /colgroup fst, fsetbtnoptgAlias of fieldsetAlias of buttonAlias of optgroup fieldset /fieldset button /button optgroup /optgroup opttarealegAlias of optionAlias of textareaAlias of legend option value " " /option textarea name " " id " " cols " 30 " legend /legend rows " 10 " /textarea sectAlias of section section /section arthdrftrAlias of articleAlias of headerAlias of footer article /article header /header footer /footer docs.emmet.io/cheat-sheet/5/17
09/04/13Cheat SheetadrdlgstrAlias of addressAlias of dialogAlias of strong address /address dialog /dialog strong /strong progdatagdatalAlias of progressAlias of datagridAlias of datalist progress /progress datagrid /datagrid datalist /datalist kgoutAlias of keygen keygen / cmddetAlias of outputAlias of details output /output details /details docAlias of command command / doc4Alias of html (head meta[charset UTF8] title{ {1:Document}}) body html head meta charset "UTF-8" / /body /html /head /html title Document /title html:xtAlias of !!!4t doc4[lang {lang}]Alias of !!!4s doc4[lang {lang}] !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 .dtd" html lang "en" head meta http-equiv "Content-Type"content "text/html;charset UTF-8" / !DOCTYPE HTML PUBLIC "-//W3C//DTD d" html lang "en" head meta http-equiv "Content-Type"content "text/html;charset UTF-8" / title Document /title tle{ {1:Document}}) /head body html:4s /head /html content "text/html;charset {charset}"] ti html head meta http-equiv "Content-Type"content "text/html;charset UTF-8" / title Document /title html:4tAlias of html (head meta[httpequiv "Content-Type" title Document /title /head /html Alias of!!!xt doc4[xmlns http://www.w3.org/1999/xhtml xml:lang {lang}] !DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 xhtml1transitional.dtd" html xmlns "http://www.w3.org/1999/xhtml"xml:lang "en" head meta http-equiv "Content-Type"content "text/html;charset UTF-8" / title Document /title /head /html docs.emmet.io/cheat-sheet/6/17
09/04/13Cheat Sheethtml:xshtml:xxsAlias ofAlias of!!!xs doc4[xmlns http://www.w3.org/1999/xhtml xml:lang {lang}]!!!xxs doc4[xmlns http://www.w3.org/1999/xhtml xml:lang {lang}] !DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 strict.dtd" html xmlns "http://www.w3.org/1999/xhtml"xml:lang "en" head meta http-equiv "Content-Type"content "text/html;charset UTF-8" / !DOCTYPE html PUBLIC "-//W3C//DTD ml11.dtd" html xmlns "http://www.w3.org/1999/xhtml"xml:lang "en" head meta http-equiv "Content-Type"content "text/html;charset UTF-8" / title Document /title title Document /title /head /html html:5Alias of !!! doc[lang {lang}] !doctype html html lang "en" head meta charset "UTF-8" / title Document /title /head body /body /html ol Alias of ol li /head /html ol li /li /ol ul dl map Alias of ul liAlias of dl dt ddAlias of map area ul dl li /li /ul dt /dt dd /dd /dl map name " " area shape " " coords " " href " "alt " " / /map table colgroup , colg Alias of table tr tdAlias of colgroup col table tr colgroup col / /colgroup td /td /tr /table !!!select !!!xt !DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 xhtml1transitional.dtd" docs.emmet.io/cheat-sheet/Alias of tr td tr td /td /tr optgroup , optg Alias of select optionAlias of optgroup option select name " " id " " option value " " /option /select optgroup option value " " /option /optgroup !!!4t !doctype html tr !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 .dtd" !!!xs !DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 strict.dtd" !!!4s !DOCTYPE HTML PUBLIC "-//W3C//DTD d" !!!xxs !DOCTYPE html PUBLIC "-//W3C//DTD ml11.dtd" 7/17
09/04/13 Cheat Sheet docs.emmet.io/cheat-sheet/ 3/17! Alias of html:5 !doctype html html lang "en" head meta charset "UTF-8" / title Document /title
