生成方式:敲完快捷語法按tab鍵
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--所有的都是編寫完 按tab鍵-->
<!--直接看效果-->
<!--.box 快速生成 class 為 box的div-->
<div class="box"></div>
<!-- #box 快速生成 id 為 box的div-->
<div id="box"></div>
<!-- div*5 快速生成 5個(gè)div-->
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<!-- ul下面生成五個(gè) li ul>li*5 -->
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<!-- ul>li{$}*5 -->
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<!-- ul>li{$$}*5 -->
<ul>
<li>01</li>
<li>02</li>
<li>03</li>
<li>04</li>
<li>05</li>
</ul>
<!--ul>li{$@2}*5-->
<!--這里的 @2 意思是從第二位開始計(jì)數(shù)-->
<ul>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<!--h2.title+p.text-->
<h2 class="title"></h2>
<p class="text"></p>
<!--p[title='666']-->
<p title="666"></p>
<!--a[href='www.baidu.com']{百度}-->
<a href="www.baidu.com">百度</a>
</body>
</html>
語法還有很多,可以多查一些資料,這樣能提高敲代碼的速度