http-equiv="Content-Type"：http-equiv 屬性為名稱/值對提供了名稱。并指示服務器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。

當服務器向瀏覽器發送文檔時，會先發送許多名稱/值對。雖然有些服務器會發送許多這種名稱/值對，但是所有服務器都至少要發送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。

使用帶有 http-equiv 屬性的 <meta> 標簽時，服務器將把名稱/值對添加到發送給瀏覽器的內容頭部.
content=text/html：text/html是一種標準的文件類型映射說明，可以叫MIME，是所有平臺通行的。text/html之外還有text/css、text/javascript、application/vnd.ms-excel等等。

瀏覽器是通過Content-Type這個標記來了解文件類型的，而不是后綴名。說明這是個html文件
charset=UTF-8：編碼方式，用的是utf-8編碼

http://www.w3school.com.cn/tags/tag_meta.asp可以參考一下

<meta> 元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。

<meta> 標簽位于文檔的頭部，不包含任何內容。<meta> 標簽的屬性定義了與文檔相關聯的名稱/值對。

定義針對搜索引擎的關鍵詞：

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />

定義對頁面的描述：

<meta name="description" content="免費的 web 技術教程。" />

定義頁面的最新版本：

<meta name="revised" content="David, 2008/8/8/" />

每 5 秒刷新一次頁面：

<meta http-equiv="refresh" content="5" />

在 HTML 4.01 中，不得不這么寫：

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

在 HTML 5 中，這樣就夠了：

<meta charset="ISO-8859-1">

屬性：

charset?定義文檔的字符編碼。

content?定義與 http-equiv 或 name 屬性相關的元信息。

http-equiv?把 content 屬性關聯到 HTTP 頭部。（content-type、expires、refresh、set-cookie）

name?把 content 屬性關聯到一個名稱。（author、description、keywords、generator、revised、others）

scheme?定義用于翻譯 content 屬性值的格式。

寫成最簡單的<meta charset="utf-8">就可以，我使用這個就是避免出現亂碼。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

meta charset="utf-8";最簡單的寫法