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