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用法非常廣泛,以上幾種用法是最常見用法。希望對大家有所幫助!