Meta標籤用法

meta標籤定義了 html 頁面所使用的字符集為 utf-8 ，它可以在同一頁面顯示中文簡體、繁體及其它語言（如日文，韓文）等。當然，你也可以使用gb2312（簡體中文），big5（正體中文）等等其他字符集。一般來說，我們使用的時候存在兩種用法。

第一種：

假定客戶端安裝了google chrome frame，則在ie中使用chrome的渲染引擎來渲染頁面，否則，將會使用客戶端ie最高的標準模式對頁面進行渲染。

還有以下幾種設定方式：

< meta http-equiv="x-ua-compatible" content="ie=8">國內瀏覽器很多都是雙核心（webkit和trident），webkit核心高速瀏覽，ie核心相容網頁和舊版**。

而新增meta標籤的**可以控制瀏覽器選擇何種核心渲染。

國內雙核瀏覽器預設核心模式如下：

搜狗高速瀏覽器、qq瀏覽器：ie核心（相容模式）

360極速瀏覽器、遨遊瀏覽器：webkit核心（極速模式）

一旦我們設定該條屬性，訪問者將無法離線瀏覽。

### windows 8

seo是由英文search engine optimization縮寫而來， 中文意譯為「搜尋引擎優化」。

說白了就是 讓我們花更少的錢，獲得更多的推廣機會，提公升搜尋時的排名等等。

實際上我們的 meta 標籤當中，也存在這麼幾條屬性，可以進行我們的搜尋引擎優化。

每個網頁應具有描述該網頁內容的一組唯一的關鍵字。

使用人們可能會搜尋，並準確描述網頁上所提供資訊的描述性和代表性關鍵字及短語。

標記內容太短，則搜尋引擎可能不會認為這些內容相關。

每個網頁都應有乙個不超過 150 個字元且能準確反映網頁內容的描述標籤。

robotterms是一組使用逗號(,)分割的值，通常有如下幾種取值：

none

noindex

nofollow

all

index

follow

具體使用方法如下：

如果加url,則會重定向到指定網頁（搜尋引擎能夠自動檢測，也很容易被引擎視作誤導而受到懲罰）。

所以我們要謹慎使用。

需要注意的是必須使用gmt時間格式，或直接設為0(不快取)。

使用方法如下：

當然，如果不寫也是沒關係的啦。

如果不是響應式**，不要使用initial-scale或者禁用縮放。

除此之外，還需要注意不同裝置之間的尺寸問題。

大部分4.7-5寸裝置的viewport寬設為360px；

5.5寸裝置設為400px；iphone6設為375px；

ipone6 plus設為414px。

content的取值範圍：

default

black
black-translucent

meta標籤用法

meta 標籤位於文件的頭部，不包含任何內容。標籤的屬性定義了與文件相關聯的名稱 值對。在html中，meta 標籤沒有結束標籤。在 xhtml 中，標籤必須被正確地關閉。注釋 meta 標籤永遠位於head元素內部。注釋 元資料總是以名稱 值形式被成對傳遞的。name 屬性提供了名稱 值對中的名稱...

meta標籤常見用法

還記得當年校招,技術面問了meta標籤的作用,答得吞吞吐吐的,這裡記錄一下 元資料 metadata 元素的概念，用來構建html文件的基本結構，以及就如何處理文件向瀏覽器提供資訊和指示，它們本身不是文件內容，但提供了關於後面文件內容的資訊。html5權威指南 元素meta 屬性http equiv...

META標籤的常見用法

最近，danny sullivan談到了如何處理的搜尋引擎meta標籤的問題，以下是一些關於在google中如何處理這些問題的答案。多內容數值 我們建議你把所有的meta標籤內容放在乙個meta中。這將使得meta標籤更易於讀取並降低發生錯誤的概率。例如 如果一行包含對個meta標籤，我們將會累加標...