emmet中默認的h5的文檔是這樣的:
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 </body> 9 </html>
那么如何在原來的文檔中加一些內容呢?
比如說head中加:<link rel="stylesheet" href="css/css_base.css">
在body中加:<script src="js/js_base.js"></script>
(上面兩個文件一般會經常用到呀)
首先,emmet提供了自定義的文件:
snippets.json
在這個文件中我們找到:
"doc": "html>(head>meta[charset=UTF-8]+title{${1:Document}})+body)"
默認代碼顯示后的效果就是上面那樣。但是我們要加上上面兩個文件引用,效果應該是:
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <link rel="stylesheet" href="css/css_base.css"> 7 </head> 8 <body> 9 <script src="js/js_base.js"></script> 10 </body> 11 </html>
那么語句應該改為:
"doc": "html>(head>meta[charset=UTF-8]+title{${1:Document}}+link[rel=stylesheet][href=css/css_base.css])+(body>script[src=js/js_base.js])"
如上所示:
標簽應該直接寫標簽名就好了,比如div
標簽中的屬性/屬性值應該跟在標簽后面div[name=dada],有多個屬性就放多個[],div[name=dada][age=26]
標簽中的內容應該用{DADADA}表示
