什么是元信息類標簽？

• 所謂元信息，是指描述自身的信息，元信息類標簽，就是 HTML 用于描述文檔自身的一類標簽，它們通常出現在 head 標簽中，一般都不會在頁面被顯示出來。
• 元信息多數情況下是給瀏覽器、搜索引擎等機器閱讀的，有時候這些信息會在頁面之外顯示給用戶，有時候則不會。

head 標簽

• head 標簽本身并不攜帶任何信息，它主要是作為盛放其它語義類標簽的容器使用。
• head 標簽規定了自身必須是 html 標簽中的第一個標簽，它的內容必須包含一個 title，并 且最多只能包含一個 base。如果文檔作為 iframe，或者有其他方式指定了文檔標題時， 可以允許不包含 title 標簽。

title 標簽

• title 標簽表示文檔的標題。
• title 應該是完整地概括整個網頁內容的。
• h1 ~ h6 則僅僅用于頁面展示，它可以默認具有上下文，并且有鏈接輔助，所以可以簡寫， 即便無法概括全文，也不會有很大的影響。

base 標簽

• base 標簽的作用是給頁面上所有的 URL 相對地址提供一個基礎。
• base 標簽最多只有一個，它改變全局的鏈接地址，是一個非常危險的標簽，容易造成跟 JavaScript 的配合問題，所以在實際開發中，建議使用 JavaScript 來代替 base 標簽。

meta 標簽

• meta 標簽是一組鍵值對，它是一種通用的元信息表示標簽。
• 在 head 中可以出現任意多個 meta 標簽。
• 一般的 meta 標簽由 name 和 content 兩個屬性來定義。name 表示元信息的名，content 則用于表示元信息的值。

// 基本用法
<meta name="application-name" content="lsForums">

// 具有 charset 屬性的 meta，描述了 HTML 文檔自身的編碼形式
// 建議這個標簽放在 head 的第一個
<meta charset="UTF-8" >

// 具有 http-equiv 屬性的 meta 標簽，表示執行一個命令
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
/* 
除了 content-type，還有以下幾種命令: 
content-language：指定內容的語言
default-style：指定默認樣式表
refresh：刷新
set-cookie：模擬 http 頭 set-cookie，設置 cookie
x-ua-compatible：模擬 http 頭 x-ua-compatible，聲明 ua 兼容性
content-security-policy：模擬 http 頭 content-security-policy，聲明內容安全策略
*/

// name 為 viewport 的 meta，是移動端開發的事實標準，它的 content 是一個復雜結構，是用逗號分隔的鍵值對，鍵值對的格式是 key=value
<meta name="viewport" content="width=500, initial-scale=1">
/*
width：頁面寬度，可以取值具體的數字，也可以是 device-width，表示跟設備寬度相等。
height：頁面高度，可以取值具體的數字，也可以是 device-height，表示跟設備高度 相等。
initial-scale：初始縮放比例
minimum-scale：最小縮放比例
maximum-scale：最大縮放比例
user-scalable：是否允許用戶縮放
*/

// 其它預定義的 meta
/*
application-name：如果頁面是 Web application，用這個標簽表示應用名稱。
author：頁面作者
description：頁面描述，這個屬性可能被用于搜索引擎或者其它場合
generator：生成頁面所使用的工具，主要用于可視化編輯器，如果是手寫 HTML 的網頁，不需要加這個 meta
keywords：頁面關鍵字，對于 SEO 場景非常關鍵
referrer：跳轉策略，是一種安全考量
theme-color：頁面風格顏色，實際并不會影響頁面，但是瀏覽器可能據此調整頁面之外的 UI (如窗口邊框或者 tab 的顏色)。
*/