1. 程式人生 > >HBuilder的快捷操作

HBuilder的快捷操作

1.通過感嘆號單擊tab 就可以快速生成:

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>

</body>
</html>

2.通過meta:utf單擊tab 就可以快速生成:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

3通過meta:ut單擊tab 就可以快速生成:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

4.通過meta:compat單擊tab 就可以快速生成:

<meta http-equiv="X-UA-Compatible" content="ie=edge" />

5.通過p.info單擊tab 就可以快速生成:

<p class="info"></p>

 

6.通過p#info單擊tab 就可以快速生成:

 

<p id="info"></p>

6.通過a:link單擊tab 就可以快速生成:

<a href="http://"></a>

6.通過a:mail單擊tab 就可以快速生成:

<a href="mailto:"></a>

7.通過h2.header+p.info單擊tab 

就可以快速生成:

<h2 class="header"></h2>
<p class="info"></p>

<!--ul>li-->
<ul>
<li></li>
</ul>
<!--上一級標籤 h2>span^p-->
<h2><span></span></h2>
<p></p>
<!--a{點我啊}-->
<a href="">點我啊</a>
<!--p[title="title"]-->
<p title="title"></p>
<!--a[href="www.baidu.com"]{百度}-->
<a href="www.baidu.com">百度</a>
<!--ul.list>li.item*8>a{導航}-->
<!--ul.list>li.item*8>a{導航[email protected]} 從五十開始 序號-->
<!--ul.list>li.item*8>a{導航[email protected]}倒序 8 7 6 5 -->
<!--ul.list>li.item*8>a{導航$$}1 2 3-->
<!--ul.list>li.item*8>a{導航$$}01 02 03-->