- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
- <title>hello world</title>
- <style type="text/css">
- body {
- font-size: 12px;
- font-family: "微软雅黑";
- }
- h1 {
- font-size: 16px;
- margin-top: 12px;
- }
- h3 {
- font-weight: normal
- }
- </style>
- </head>
- <body>
- <script>
- /*<h1>1:然后按下拓展键(默认为tab),即可得到代码片段:</h1>
- *
- *
- <h3>在编辑器中输入缩写代码:ul>li*5 ,</h3>
- <h1>2:层级写法</h1>
- <h3>缩写:nav>ul>li</h3>
- <h1>3:兄弟</h1>
- <h3>缩写:div+p+bq</h3>
- <h1>4:上级写法 ^ 一个推一级</h1>
- <h3>缩写:div+div+div>p>span+em^^bq</h3>
- <h1>5:分组写法()</h1>
- <h3>缩写:div+(span*3>a)+div</h3>
- <h3>(div>dl>(dt+dd)*3)+footer>p</h3>
- <h1>6:乘法()</h1>
- <h3>缩写:(div+(span*3>a)+div)*2 或者 ul>li*5</h3>
- <h1>7:自增符号:$</h1>
- <h3>缩写:div[title='keke$']{keke$}*3 或者ul>li.item$$$*5</h3>
- <h1>8:文本内容:{}</h1>
- <h3>div#id{是的士大夫是否士大夫$}*3</h3>
- <h1>9:降序写法:$@-</h1>
- <h3>div#id$@-*5</h3>
- <h1>9:起点写法:$@-</h1>
- <h3>div#id$@3*5</h3>
- <h1>10:ID和类属性,如果不写标签,默认是div </h1>
- <h3>
- #header
- .title
- span#id
- div.class
- form#search.wide
- p.class1.class2.class3
- form#search.wide[action='index.jsp']
- </h3>
- <h1>11:自定义属性(自定义属性)</h1>
- <h3>
- p[title="Hello world"],
- td[rowspan=2 colspan=3 title]
- [a='value1' b="value2"]
- </h3>
- <h1>所有未知的缩写都会转换成标签,例如,</h1>
- <h3>缩写:!</h3>
- 缩写: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" />
- 缩写:meta
- <meta />
- 缩写:meta:utf
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
- 缩写:meta:win
- <meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
- 缩写:meta:vp
- <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
- 缩写:meta:compat
- <meta http-equiv="X-UA-Compatible" content="IE=7" />
- 缩写:style
- <style></style>
- 缩写:script
- 缩写:script:src
- 缩写:img
- <img src="" alt="" />
- 缩写: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[type=hidden name]
- <input type="hidden" name="" />
- 缩写:input:h
- 别名:input:hidden
- <input type="hidden" name="" />
- 缩写:input:text, input:t
- 别名:inp
- <input type="text" name="" id="" />
- 缩写:input:search
- 别名:inp[type=search]
- <input type="search" name="" id="" />
- 缩写:input:email
- 别名:inp[type=email]
- <input type="email" name="" id="" />
- 缩写:input:url
- 别名:inp[type=url]
- <input type="url" name="" id="" />
- 缩写:input:password
- 别名:inp[type=password]
- <input type="password" name="" id="" />
- 缩写:input:p
- 别名:input:password
- <input type="password" name="" id="" />
- 缩写:input:datetime
- 别名:inp[type=datetime]
- <input type="datetime" name="" id="" />
- 缩写:input:date
- 别名:inp[type=date]
- <input type="date" name="" id="" />
- 缩写:input:datetime-local
- 别名:inp[type=datetime-local]
- <input type="datetime-local" name="" id="" />
- 缩写:input:month
- 别名:inp[type=month]
- <input type="month" name="" id="" />
- 缩写:input:week
- 别名:inp[type=week]
- <input type="week" name="" id="" />
- 缩写:input:time
- 别名:inp[type=time]
- <input type="time" name="" id="" />
- 缩写:input:number
- 别名:inp[type=number]
- <input type="number" name="" id="" />
- 缩写:input:color
- 别名:inp[type=color]
- <input type="color" name="" id="" />
- 缩写:input:checkbox
- 别名:inp[type=checkbox]
- <input type="checkbox" name="" id="" />
- 缩写:input:c
- 别名:input:checkbox
- <input type="checkbox" name="" id="" />
- 缩写:input:radio
- 别名:inp[type=radio]
- <input type="radio" name="" id="" />
- 缩写:input:r
- 别名:input:radio
- <input type="radio" name="" id="" />
- 缩写:input:range
- 别名:inp[type=range]
- <input type="range" name="" id="" />
- 缩写:input:file
- 别名:inp[type=file]
- <input type="file" name="" id="" />
- 缩写:input:f
- 别名:input:file
- <input type="file" name="" id="" />
- 缩写:input:submit
- <input type="submit" value="" />
- 缩写:input:s
- 别名:input:submit
- <input type="submit" value="" />
- 缩写:input:image
- <input type="image" src="" alt="" />
- 缩写:input:i
- 别名:input:image
- <input type="image" src="" alt="" />
- 缩写:input:button
- <input type="button" value="" />
- 缩写:input:b
- 别名:input:button
- <input type="button" value="" />
- 缩写:isindex
- <isindex />
- 缩写:input:reset
- 别名:input:button[type=reset]
- <input type="reset" value="" />
- 缩写:select
- <select name="" id=""></select>
- 缩写:option
- <option value=""></option>
- 缩写:textarea
- <textarea name="" id="" cols="30" rows="10"></textarea>
- 缩写:menu:context
- 别名:menu[type=context]>
- <menu type="context"></menu>
- 缩写:menu:c
- 别名:menu:context
- <menu type="context"></menu>
- 缩写:menu:toolbar
- 别名:menu[type=toolbar]>
- <menu type="toolbar"></menu>
- 缩写:menu:t
- 别名:menu:toolbar
- <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 />
- 缩写:bq
- 别名:blockquote
- <blockquote></blockquote>
- 缩写:acr
- 别名:acronym
- <acronym title=""></acronym>
- 缩写:fig
- 别名:figure
- <figure></figure>
- 缩写:figc
- 别名:figcaption
- <figcaption></figcaption>
- 缩写:ifr
- 别名:iframe
- <iframe src="" frameborder="0"></iframe>
- 缩写:emb
- 别名:embed
- <embed src="" type="" />
- 缩写:obj
- 别名:object
- <object data="" type=""></object>
- 缩写:src
- 别名:source
- <source></source>
- 缩写:cap
- 别名:caption
- <caption></caption>
- 缩写:colg
- 别名:colgroup
- <colgroup></colgroup>
- 缩写:fst, fset
- 别名:fieldset
- <fieldset></fieldset>
- 缩写:btn
- 别名:button
- <button></button>
- 缩写:btn:b
- 别名:button[type=button]
- <button type="button"></button>
- 缩写:btn:r
- 别名:button[type=reset]
- <button type="reset"></button>
- 缩写:btn:s
- 别名:button[type=submit]
- <button type="submit"></button>*/
- </script>
- </body>
- </html>
HBuilder神奇之常用快捷键总结
最新推荐文章于 2023-02-16 16:34:35 发布