[html] 編寫html時(shí)，你有沒有用過Emmet插件呢？說說它的優(yōu)點(diǎn)及規(guī)則有哪些？

用過，vscode編輯器自帶支持Emmet語法； 它可以幫助快速編寫HTML代碼，減少復(fù)制粘貼的操作； 常見規(guī)則： 1. > 插入子元素；ul>li>a<ul><li><a></a></li> </ul>2. + 生成兄弟元素；div+p+section<div></div> <p></p> <section></section>3. * 生成多個(gè)相同元素ul>li *3<ul><li></li><li></li><li></li> </ul>4. # 和 . 分別生成帶id和class的元素div#submit+div.btn+div#submit.btn<div id="submit"></div> <div class="btn"></div> <div id="submit" class="btn"></div>我常用的就這幾個(gè)，更多語法參見Emmet文檔

個(gè)人簡介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[html] 编写html时，你有没有用过Emmet插件呢？说说它的优点及规则有哪些？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。