其他分享
首页 > 其他分享> > 前端HBuiderX ,快速生成多个标签和属性,文本内容代码的快捷键

前端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