Syntax

Child: >

nav>ul>li

   

       

•    

Sibling: +

div+p+bq

Climb-up: ^

div+div>p>span+em^bq

div+div>p>span+em^^bq

Grouping: ()

div>(header>ul>li*2>a)+footer>p

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

   

Multiplication: *

ul>li*5

   

•    

•    

•    

•    

Item numbering: $

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 and CLASS attributes

#header

.title

form#search.wide

p.class1.class2.class3

Custom attributes

p[title=”Hello world”]

td[rowspan=2 colspan=3 title]

[a=’value1′ b=”value2″]

Text: {}

a{Click me}

Click me

p>{Click }+a{here}+{ to continue}

Click here to continue

Implicit tag names

.class

em>.class

ul>.class

   

table>.row>.col

   

       

   

HTML

All unknown abbreviations will be transformed to tag, e.g. foo →

!

Alias of html:5

   

   

a

a:link

a:mail

abbr

acronym, acr

base

basefont

br

frame

hr

---

bdo

bdo:r

bdo:l

col

link

link:css

link:print

link:favicon

link:touch

link:rss

link:atom

link:import, link:im

meta

meta:utf

meta:win

meta:vp

meta:compat

style

script

script:src

img

img:srcset, img:s

img:sizes, img:z

picture

source, src

source:src, src:sc

source:srcset, src:s

source:media, src:m

source:type, src:t

source:sizes, src:z

source:media:type, src:mt

source:media:sizes, src:mz

source:sizes:type, src:zt

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:h

Alias of input[type=hidden name]

input:text, input:t

Alias of inp

input:search

Alias of inp[type=search]

input:email

Alias of inp[type=email]

input:url

Alias of inp[type=url]

input:password, input:p

Alias of inp[type=password]

input:datetime

Alias of inp[type=datetime]

input:date

Alias of inp[type=date]

input:datetime-local

Alias of inp[type=datetime-local]

input:month

Alias of inp[type=month]

input:week

Alias of inp[type=week]

input:time

Alias of inp[type=time]

input:tel

Alias of inp[type=tel]

input:number

Alias of inp[type=number]

input:color

Alias of inp[type=color]

input:checkbox, input:c

Alias of inp[type=checkbox]

input:radio, input:r

Alias of inp[type=radio]

input:range

Alias of inp[type=range]

input:file, input:f

Alias of inp[type=file]

input:submit, input:s

input:image, input:i

input:button, input:b

isindex

input:reset

Alias of input:button[type=reset]

select

select:disabled, select:d

Alias of select[disabled.]

option, opt

textarea

marquee

menu:context, menu:c

Alias of menu[type=context]>

menu:toolbar, menu:t

Alias of menu[type=toolbar]>

video

audio

html:xml

keygen

command

button:submit, button:s, btn:s

Alias of button[type=submit]

button:reset, button:r, btn:r

Alias of button[type=reset]

button:disabled, button:d, btn:d

Alias of button[disabled.]

fieldset:disabled, fieldset:d, fset:d, fst:d

Alias of fieldset[disabled.]

bq

Alias of blockquote

fig

Alias of figure

figc

Alias of figcaption

pic

Alias of picture

ifr

Alias of iframe

emb

Alias of embed

obj

Alias of object

cap

Alias of caption

colg

Alias of colgroup

fst, fset

Alias of fieldset

btn

Alias of button

optg

Alias of optgroup

tarea

Alias of textarea

leg

Alias of legend

sect

Alias of section

art

Alias of article

hdr

Alias of header

ftr

Alias of footer

adr

Alias of address

dlg

Alias of dialog

str

Alias of strong

prog

Alias of progress

mn

Alias of main

tem

Alias of template

datag

Alias of datagrid

datal

Alias of datalist

kg

Alias of keygen

out

Alias of output

det

Alias of details

The post Rapid Html development with Emmet formula with VS code first appeared on Amlogy.

Source