我们平时工作,书写HTML代码,根本就不会这样一个个标签的写。基本都会用Emmet这个编辑器插件来书写了。

例如我想写一个HTML的基础格式,那我只需要写一个 !,然后按tab键。这样所有的基础格式自动就全部出来了。怎么样很神奇吧。当然这个功能,你还得和我一样用的WebStorm,其他的编辑器,就需要自己集成这个插件了。

下面我和大家介绍一下,最常用的Emmet快速书写HTML方法

子元素: >

div>ul>li
<div>
    <ul>
        <li></li>
    </ul>
</div>

同辈

div+p
<div></div>
<p></p>

多个

ul>li*5
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

嵌套的多个

ul>(li>a)*5
<ul>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
</ul>

我工作最常用的也就是这些了,但这并不是所有的。如果你想学习更多Emmet的写法,请看Emmet官方文档,里面有详细的介绍,代码拿去一跑,相信你都会搞明白了。

好的,讲到这一集,已经是所有HTML入门课程的内容了。HTML是所有编程学习的基础中的基础,一定要好好学会哦。感觉都掌握后,欢迎继续学习我制作的CSS入门课程。