HTML中的emment
emment的優點和使用方法:
優點:Emment是前端開發者必備的工具,使用它可以大大提高前端開發效率。
使用方法:Emment的使用方法非常簡單,直接在編輯器上輸入HTML和CSS程式碼的縮寫,然後按下tab鍵。
emment 如何使用:簡潔語法+按下拓展鍵(默認為tab)
實踐:
//1.div>span +tab 鍵 注:>表示後代
<div><span></span></div>
//2.div+p+tab 鍵 注+表示為同級別
<div></div>
<p></p>
3.ul>li*5 +tab 鍵 註:*表示乘以次數
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
//4.div>(header>ul>li*2>a)+footer>p +tab 鍵 註: ()表示分組
<div>
<header>
<ul>
<li><a href=””></a></li>
<li><a href=””></a></li>
</ul>
</header>
<footer>
<p></p>
</footer>
</div>
//5.a{歡迎} +tab 鍵 註: {}裡面表示顯示的文字
<a href=“”>歡迎</a>
//6.div.nav +tab 鍵 註:表示div中class等於nav
<div class=”nav”></div>
//7.div#nva +tab 鍵 註:表示div中id等於nav
<div id=”nva”></div>
Emment用法非常廣泛,以上幾種用法是最常見用法。希望對大家有所幫助!