最近這段時間需求比較少，沒得啥事幹，就折騰一些Webpack有的沒的。平時專案打完包也就打完了，也沒咋個看打完包後的程式碼，然後這次就把打完包的index.html開啟看了下，發現裡面涉及的東西是真的多。

今天先看看 head標籤內最上面的內容：meta標籤

啥是meta標籤

按照 w3school 和 菜鳥驛站 上面的定義，可以總結為以下幾點：

• 1、meta元素 可提供或指定 有關頁面的元資訊（meta-information），如針對搜尋引擎和更新頻度的描述，關鍵詞，檔案的最後修改時間，作者以及其他元資料。
• 2、<meta>標籤 定義了關於 HTML 文件的元資訊(元資料)，這些元資訊不會顯示在客戶端，但是會被瀏覽器解析。
• 3、<meta>標籤 位於文件的頭部【一般位於 head 標籤內】，不包含任何內容。
• 4、<meta>標籤 的屬性定義了與文件相關聯的 名稱/值 對。
• 5、元資料總是以 名稱/值 的形式被成對傳遞的， 如果沒有提供 name 屬性，那麼 名稱/值 對中的名稱會採用 http-equiv 屬性的值

meta標籤使用，屬性說明，常見 名稱/值 對配置

1、使用例項

<!--例項 1 - 定義文件關鍵詞，用於搜尋引擎：-->
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
 

  
<!--例項 2 - 定義web頁面描述：-->
<meta name="description" content="Free Web tutorials on HTML and CSS">
  
<!--例項 3 - 定義頁面作者：-->
<meta name="author" content="Hege Refsnes">
  
<!--例項 4 - 每30秒重新整理頁面：-->
<meta http-equiv="refresh" content="30">
  
<!--例項 5 - 5秒鐘後頁面重定向到百度：https://www.baidu.com
 
-->
<meta http-equiv="Refresh" content="5;url=https://www.baidu.com" />
  
<!--例項 6 - 3秒鐘後頁面重定向到百度：https://www.baidu.com-->
<meta http-equiv="Refresh" content="3;URL=https://www.baidu.com" />

注：從例項4、例項5、例項6可以看出，meta標籤的 名稱/值 它們所對應的值不敏感大小寫

2、屬性說明