visual studio code快速生成Html头部信息和代码补全

痛定思痛。 2022-04-13 08:00 378阅读 0赞

### 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

<h1 title="item1">Header 1</h1> <h2 title="item2">Header 2</h2> <h3 title="item3">Header 3</h3>

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\}

<a href="">Click me</a>

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

<p>Click <a href="">here</a> to continue</p>

### Implicit tag names ###

.class

em>.class

ul>.class

table>.row>.col

## HTML ##

All unknown abbreviations will be transformed to tag， e.g. `foo` → `<foo></foo>`.

Alias of html:5

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title> Document</title> </head> <body> </body> </html>

a:link

a:mail

abbr

acronym

base

basefont

<br />

frame

<hr />

bdo

bdo:r

bdo:l

col

<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

Alias of input\[type=hidden name\]

input:h

Alias of input:hidden

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

Alias of inp\[type=password\]

input:p

Alias of input: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:number

Alias of inp\[type=number\]

input:color

Alias of inp\[type=color\]

input:checkbox

Alias of inp\[type=checkbox\]

input:c

Alias of input:checkbox

input:radio

Alias of inp\[type=radio\]

input:r

Alias of input:radio

input:range

Alias of inp\[type=range\]

input:file

Alias of inp\[type=file\]

input:f

Alias of input:file

input:submit

input:s

Alias of input:submit

input:image

input:i

Alias of input:image

input:button

input:b

Alias of input:button

isindex

input:reset

Alias of input:button\[type=reset\]

< name="" id=""></>

option

textarea

menu:context

Alias of menu\[type=context\]>

menu:c

Alias of menu:context

menu:toolbar

Alias of menu\[type=toolbar\]>

menu:t

Alias of menu:toolbar

video

audio

html:xml

keygen

command

Alias of blockquote

acr

Alias of acronym

fig

Alias of figure

figc

Alias of figcaption

ifr

Alias of iframe

emb

Alias of embed

obj

Alias of object

src

Alias of source

cap

Alias of caption

colg

Alias of colgroup

fst， fset

Alias of fieldset

btn

Alias of button

btn:b

Alias of button\[type=button\]

btn:r

Alias of button\[type=reset\]

btn:s

Alias of button\[type=submit\]

optg

Alias of optgroup

opt

Alias of option

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

datag

Alias of datagrid

datal

Alias of datalist

Alias of keygen

out

Alias of output

det

Alias of details

ol+

Alias of ol>li

ul+

Alias of ul>li

dl+

Alias of dl>dt+dd

map+

Alias of map>area

table+

Alias of table>tr>td

visual studio code快速生成Html头部信息和代码补全

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Visual Studio Code如何在代码中快速增加/去掉注释

相关 Visual Studio Code运行html文件

相关 Visual Studio Code的下载和安装

相关 Visual Studio code setup

相关 visual studio code 快捷键

相关 visual studio 2012 增加括号自动补全功能

相关 visual studio code

相关 Visual Studio Code介绍

相关 visual studio code快速生成Html头部信息和代码补全

相关 Android Studio 设置代码提示和代码自动补全快捷键