首页 > 技术文章 > HTML中的emment

moshaochen 2021-10-26 20:32 原文

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用法非常广泛,以上几种用法是最常见用法。希望对大家有所帮助!

推荐阅读