天天看點

Sublime和VSCode生成基礎HTML代碼

我們在編寫前端頁面時,常希望能自動生成基礎的HTML代碼。而在Sublime和VSCode就有這樣的功能

在Sublime中,在編輯欄輸入html,然後敲Tab鍵,則自動生成代碼如下:

1 <!DOCTYPE html>
2 <html>
3 <head>
4     <title></title>
5 </head>
6 <body>
7 
8 </body>
9 </html>      

在VSCode中,在編輯欄輸入!,然後敲Tab鍵,則自動生成代碼如下:

1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7     <title>Document</title>
 8 </head>
 9 <body>
10     
11 </body>
12 </html>      

lang="en"表示此頁面為英文頁面,在Chrome浏覽器中可以對其進行翻譯。

Sublime和VSCode生成基礎HTML代碼

 若lang="zh"表示此頁面為中文頁面,在Chrome浏覽器中無法對其進行翻譯。

<meta http-equiv="X-UA-Compatible" content="ie=edge">是對IE浏覽器的不同版本進行相容。