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