[Emmet] HTMLチートシート


#a
 ＜a href=""＞＜/a＞
#a:link
 ＜a href="http://"＞＜/a＞
#a:mail
 ＜a href="mailto:"＞＜/a＞
#abbr
 ＜abbr title=""＞＜/abbr＞
#acronym, acr
 ＜acronym title=""＞＜/acronym＞
#base
 ＜base href="" /＞
#basefont
 ＜basefont /＞
#br
 ＜br /＞
#frame
 ＜frame /＞
#hr
 ＜hr /＞
#bdo
 ＜bdo dir=""＞＜/bdo＞
#bdo:r
 ＜bdo dir="rtl"＞＜/bdo＞
#bdo:l
 ＜bdo dir="ltr"＞＜/bdo＞
#col
 ＜col /＞
#link
 ＜link rel="stylesheet" href="" /＞
#link:css
 ＜link rel="stylesheet" href="style.css" /＞
#link:print
 ＜link rel="stylesheet" href="print.css" media="print" /＞
#link:favicon
 ＜link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /＞
#link:touch
 ＜link rel="apple-touch-icon" href="favicon.png" /＞

#link:rss
 ＜link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml" /＞
#link:atom
 ＜link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" /＞
#link:import, link:im
 ＜link rel="import" href="component.html" /＞
#meta
 ＜meta /＞
#meta:utf
 ＜meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/＞
#meta:win
 ＜meta http-equiv="ContentType" content="text/html;charset=windows-1251" /＞
#meta:vp
 ＜meta name="viewport" content="width=device-width, userscalable=no, initial-scale=1.0, maximum-scale=1.0, minimumscale=1.0" /＞
#meta:compat
 ＜meta http-equiv="X-UA-Compatible"content="IE=7" /＞
#style
 ＜style＞＜/style＞
#script
 ＜script＞＜/script＞
#script:src
 ＜script src=""＞＜/script＞
#img
 ＜img src="" alt="" /＞
#img:srcset, img:s
 ＜img srcset="" src="" alt="" /＞
#img:sizes, img:z
 ＜img sizes="" srcset="" src="" alt="" /＞
#picture
 ＜picture＞＜/picture＞
#source, src
 ＜source /＞
#source:src, src:sc
 ＜source src="" type="" /＞

#source:srcset, src:s
 ＜source srcset="" /＞
#source:media, src:m
 ＜source media="(min-width: )" srcset="" /＞
#source:type, src:t
 ＜source srcset="" type="image/" /＞
#source:sizes, src:z
 ＜source sizes="" srcset="" /＞
#source:media:type, src:mt
 ＜source media="(min-width: )" srcset="" type="image/" /＞
#source:media:sizes, src:mz
 ＜source media="(min-width: )" sizes="" srcset="" /＞
#source:sizes:type, src:zt
 ＜source sizes="" srcset="" type="image/" /＞
#iframe
 ＜iframe src="" frameborder="0"＞＜/iframe＞
#embed
 ＜embed src="" type="" /＞
#object
 ＜object data="" type=""＞＜/object＞
#param
 ＜param name="" value="" /＞
#map
 ＜map name=""＞＜/map＞
#area
 ＜area shape="" coords="" href="" alt="" /＞
#area:d
 ＜area shape="default" href="" alt="" /＞
#area:c
 ＜area shape="circle" coords="" href="" alt="" /＞
#area:r
 ＜area shape="rect" coords="" href="" alt="" /＞
#area:p
 ＜area shape="poly" coords="" href="" alt="" /＞

#form
 ＜form action=""＞＜/form＞
#form:get
 ＜form action="" method="get"＞＜/form＞
#form:post
 ＜form action="" method="post"＞＜/form＞
#label
 ＜label for=""＞＜/label＞
#input
 ＜input type="text" /＞
#inp
 ＜input type="text" name="" id=""/＞
#input:hidden, input:h
 ＜input type="hidden" name="" /＞
#input:text, input:t
 ＜input type="text" name="" id=""/＞
#input:search
 ＜input type="search" name="" id=""/＞
#input:email
 ＜input type="email" name="" id=""/＞
#input:url
 ＜input type="url" name="" id="" /＞
#input:password, input:p
 ＜input type="password" name="" id="" /＞
#input:datetime
 ＜input type="datetime" name="" id="" /＞
#input:date
 ＜input type="date" name="" id=""/＞
#input:datetime-local
 ＜input type="datetime-local" name="" id="" /＞
#input:month
 ＜input type="month" name="" id=""/＞
#input:week
 ＜input type="week" name="" id=""/＞
#input:time
＜input type="time" name="" id=""/＞

#input:tel
 ＜input type="tel" name="" id="" /＞
#input:number
 ＜input type="number" name="" id=""/＞
#input:color
 ＜input type="color" name="" id=""/＞
#input:checkbox, input:c
 ＜input type="checkbox" name=""id="" /＞
#input:radio, input:r
 ＜input type="radio" name="" id=""/＞
#input:range
 ＜input type="range" name="" id=""/＞
#input:file, input:f
 ＜input type="file" name="" id="" /＞
#input:submit, input:s
 ＜input type="submit" value="" /＞
#input:image, input:i
 ＜input type="image" src="" alt=""/＞
#input:button, input:b
 ＜input type="button" value="" /＞
#isindex
 ＜isindex /＞
#input:reset
 ＜input type="reset" value="" /＞
#select
 ＜select name="" id=""＞＜/select＞
#select:disabled, select:d
 ＜select name="" id=""disabled="disabled"＞＜/select＞
#option, opt
 ＜option value=""＞＜/option＞
#textarea
 ＜textarea name="" id="" cols="30"rows="10"＞＜/textarea＞
#marquee
 ＜marquee behavior=""direction=""＞＜/marquee＞
#menu:context, menu:c
 ＜menu type="context"＞＜/menu＞
#menu:toolbar, menu:t
 ＜menu type="toolbar"＞＜/menu＞
#video
 ＜video src=""＞＜/video＞
#audio
 ＜audio src=""＞＜/audio＞
#html:xml
 ＜html xmlns="http://www.w3.org/1999/xhtml"＞＜/html＞
#keygen
 ＜keygen /＞
#command
 ＜command /＞
#button:submit, button:s, btn:s
 ＜button type="submit"＞＜/button＞
#button:reset, button:r, btn:r
 ＜button type="reset"＞＜/button＞
#button:disabled, button:d, btn:d
 ＜button disabled="disabled"＞＜/button＞
#fieldset:disabled, fieldset:d, fset:d, fst:d
 ＜fieldset disabled="disabled"＞＜/fieldset＞
#bq
 ＜blockquote＞＜/blockquote＞
#fig
 ＜figure＞＜/figure＞
#figc
 ＜figcaption＞＜/figcaption＞
#pic
 ＜picture＞＜/picture＞
#ifr
 ＜iframe src="" frameborder="0"＞＜/iframe＞
#emb
 ＜embed src="" type="" /＞
#obj
 ＜object data="" type=""＞＜/object＞
#cap
 ＜caption＞＜/caption＞
#colg
 ＜colgroup＞＜/colgroup＞
#fst, fset
 ＜fieldset＞＜/fieldset＞
#btn
 ＜button＞＜/button＞
#optg
 ＜optgroup＞＜/optgroup＞
#tarea
 ＜textarea name="" id="" cols="30"rows="10"＞＜/textarea＞
#leg
 ＜legend＞＜/legend＞
#sect
 ＜section＞＜/section＞
#art
 ＜article＞＜/article＞
#hdr
 ＜header＞＜/header＞
#ftr
 ＜footer＞＜/footer＞
#adr
 ＜address＞＜/address＞
#dlg
 ＜dialog＞＜/dialog＞
#str
 ＜strong＞＜/strong＞
#prog
 ＜progress＞＜/progress＞
#mn
 ＜main＞＜/main＞
#tem
 ＜template＞＜/template＞
#datag
 ＜datagrid＞＜/datagrid＞
#datal
 ＜datalist＞＜/datalist＞
#kg
 ＜keygen /＞
#out
 ＜output＞＜/output＞
#det
 ＜details＞＜/details＞
#cmd
 ＜command /＞
#ri:dpr, ri:d
 ＜img srcset="" src="" alt="" /＞
#ri:viewport, ri:v
 ＜img sizes="" srcset="" src=""alt="" /＞
#ri:art, ri:a
 ＜picture＞
 　＜source media="(min-width: )"srcset="" /＞
 　＜img src="" alt="" /＞
 ＜/picture＞
#ri:type, ri:t
 ＜picture＞
 　＜source srcset="" type="image/"/＞
 　＜img src="" alt="" /＞
 ＜/picture＞
#ol+
 ＜ol＞
 　＜li＞＜/li＞
 ＜/ol＞
#ul+
 ＜ul＞
 　＜li＞＜/li＞
 ＜/ul＞
#dl+
 ＜dl＞
 　＜dt＞＜/dt＞
 　＜dd＞＜/dd＞
 ＜/dl＞
#map+
 ＜map name=""＞
 　＜area shape="" coords=""href="" alt="" /＞
 ＜/map＞
#table+
 ＜table＞
 　＜tr＞
 　　＜td＞＜/td＞
 　＜/tr＞
 ＜/table＞
#colgroup+, colg+
 ＜colgroup＞
 　＜col /＞
 ＜/colgroup＞
#tr+
 ＜tr＞
 　＜td＞＜/td＞
 ＜/tr＞
#select+
 ＜select name="" id=""＞
 　＜option value=""＞＜/option＞
 ＜/select＞
#optgroup+, optg+
 ＜optgroup＞
 　＜option value=""＞＜/option＞
 ＜/optgroup＞
#pic+
 ＜picture＞
 　＜source srcset="" /＞
 　＜img src="" alt="" /＞
 ＜/picture＞