前端HBuiderX ,快速生成多个标签和属性,文本内容代码的快捷键
作者:互联网
1.快速生成标签 和 id,class等 属性
输入 div.box 并按下 tab 键
效果:
<div class="box"></div>
输入 div#box 并按下 tab 键
效果:
<div id="box"></div>
其他标签和属性的生成以此类推
2. 一次生成多个标签,标签属性,标签文本内容
> 符号前后第一个标签,代表父子标签,属性值用[] 填充,文本内容用{} 填充,使用{$}可以生成标签序号,*数字: 代表生成的标签个数 ,文本内容填充{},必须在 *数字前面,在标签后面
2.1 一次生成多个标签和标签内容
输入 ul>li{发}*6 按下 tab 键
效果
<ul>
<li>发</li>
<li>发</li>
<li>发</li>
<li>发</li>
<li>发</li>
<li>发</li>
</ul>
2.2一次生成多个标签,标签属性,标签文本内容
输入 div>a[href='www.baidu.com']{度娘}*6 并按下 tab 键
效果
<div>
<a href="www.baidu.com">度娘</a>
<a href="www.baidu.com">度娘</a>
<a href="www.baidu.com">度娘</a>
<a href="www.baidu.com">度娘</a>
<a href="www.baidu.com">度娘</a>
<a href="www.baidu.com">度娘</a>
</div>
2.3 标签内容填充序号
输入 table>tr*3>td{$}*2 按下 tab 键
效果:
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
注意:光标要放到文本最后面
标签:HBuiderX,度娘,标签,生成,文本,tab,快捷键,属性 来源: https://blog.csdn.net/qq_40626302/article/details/122854343