Emmet 是一個快速書寫 HTML 代碼的工具，被很多流行的 IDE 設置為默認的插件，無需再手動配置。

具體參考官方文檔：https://docs.emmet.io/

常用語法展示：

<!-- div --><div></div><!-- div#name --><div id="name"></div><!-- div.name --><div class="name"></div><!-- div[height=100px] --><div height="100px"></div><!-- div{hello word!} --><div>hello word</div><!-- ul>li*3 --><ul><li></li><li></li><li></li></ul><!-- p+p --><p></p><p></p><!-- 自動編號 div#item$.class$$*3 --><div id="item1" class="class01"></div><div id="item2" class="class02"></div><!-- table>(thead>tr>th*2)(tbody>tr>td*2) --><table><thead><tr><th></th><th></th></tr></thead><tbody><tr><td></td><td></td></tr></tbody></table><!-- nav>ul>(li>a[href=#]{Link})*2 --><nav><ul><li><a href="#">Link</a></li><li><a href="#">Link</a></li></ul></nav>

?

總結

以上是生活随笔為你收集整理的常用的 Emmet 语法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。