H5學習第一天（VSCode工具生成的骨架標籤新增程式碼）
VSCode工具生成的骨架標籤新增程式碼講解
1.<!DOCTYPE>標籤
<!DOCTYPE>文件型別宣告，作用就是告訴瀏覽器使用哪種HTML版本來顯示網頁。
<!DOCTYPE html>
這句程式碼的意思是：當前頁面採取的是HTML5版本來顯示網頁
注意：
1.<!DOCTYPE> 宣告位於文件中的最前面的位置，處於<html>標籤之前
2.<!DOCTYPE>不是一個HTML標籤，他就是文件型別宣告標籤
2.lang 語言
用來定義當前文件顯示的語言
1.en定義語言為英語
2.zh-CN定義語言為中文
簡單來說定義為en就是英文網頁，定義為zh-CN就是中文網頁
這個屬性對瀏覽器和搜尋引擎（百度，谷歌等）還是有作用的
3.charset 字符集
char : 字元 set: 集合，所以charset 就叫 字元集合
字符集是多個字元的集合，以便計算機能夠識別和儲存各種文字。
在<head>標籤內，可以通過<meta>標籤的charset屬性來規定HTML文件應該使用那種字元編碼
介紹一個萬能的： UTF-8 是萬國碼，顧名思義包含所有國家文字
<meta charset="UTF-8">
charset 常用的值有：GB2312,BIG5,GBK和UTF-8,其中UTF-8也被稱為萬國碼，基本包含了全世界國家需要用到的字元
4.移動端適配：
這個後面寫移動端的時候會詳細說，這裡暫做了解
<meta name="viewport" content="width=device-width, initial-scale=1.0">
注意:上面語法是必須要寫的程式碼，否則可能引起亂碼的情況.一般情況下，同意使用‘UTF-8’編碼，
儘量統一寫成標準的“UTF-8”,不要寫成“utf8”或“UTF8”
總結：
以上三個程式碼VScode 會自動生成，我們只需要真的是什麼意思
1.<!DOCTYPE html> 文件型別宣告標籤，高數瀏覽器這個頁面採取html 版本來顯示頁面
2.<html lang='en'>告訴瀏覽器或者搜尋引擎這是一個英文網站，本頁面採取英文來顯示
3.<meta charset="UTF-8">必須寫，採取UTF-8 來儲存文字，如果不寫就會亂碼，具體原理後面分析