HTML快速生成代碼的語法(Emmet)

所有的操作都是按下tab鍵即可瞬間完成。

1.屬性操作

用.來生成，后面就是類名

div.aaa

按tab后結果如下：

<div class="aaa"></div>

同樣的是,id話用#來代替.

div#aaa

按tab

<div id="aaa"></div>

其他屬性用[]

div[title='hello' colspan=3]

結果

<div title="hello" colspan="3"></div>

用$來實現編號,實際上就是個占位符

li.aaa$*3

結果

<li class="aaa1"></li>
<li class="aaa2"></li>
<li class="aaa3"></li>

用@n來修改起始值

li.aaa$@3*3

結果，3可以用-3這樣就會變成-5，-4，-3

<li class="aaa3"></li>
<li class="aaa4"></li>
<li class="aaa5"></li>

{}可以添加文本，不過這個不實用

2.嵌套使用

>生成子元素

div>ul>li

結果

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

其他的有，+生成兄弟元素，“^”生成父元素，”*n“生成多個相同元素，”()”將元素分組