HBuilder快捷键TAB使用

快捷键TAB使用
以下快捷生成代码对于HBuidler或WebStorm等前端工具都是通用的

1.标签快速生成

格式：标签名 按tab键自动生成标签

例子：

div 生成

2.多个标签快速生成

格式：标签名*n 按TAB键后 自动生个n个标签

例子：

div*3 生成

3,快速生成并添加内容

格式:标签名{内容} 生成标签并把内容写入到标签里面

例子：

div{这是我的div} 生成

这是我的div

div{多个div}*2 也可生成

多个div

多个div

4.不同标签同时生成和嵌套

不同标签格式:
通过+来连接不同的标签
div+p 也可 div{我是div}+p{我是p} 或者 (div{我是div}+p{我是p} )*3

嵌套格式：
用亲子选择器格式来写元素之间的嵌套
div>p 也可 div>div>p div{我是div}>div>p*2

<div>
	<p></p>
</div>

5.标签id快速生成

格式：标签名#id名
例子：

div#idname 按Tab键生成

6.标签class快速生成

格式：标签名.class名

例子:
div.classname 按Tab键生成

以上可以任意组合，不过要注意加（）来捆绑标签之间的关系。
如:
((div#id{有id的div}>p)+(div.class{有class的div}*3))

有id的div

有class的div

有class的div

有class的div

7.标签非id，非class属性快速生成

格式：标签名[属性名1=值1][属性名2=值2]…[属性名n=值n]
写完后，按tab键
比如： img[src=“tly.jpg”][alt=“无法加载”][title=“大美女”]