制作手機版網站的時候,除了頁面簡潔、操作方便等訪問者可以看到的地方以外,就是 Meta 標簽的設置,合理設置 Meta 標簽 對手機版網站的搜索引擎優化,手機浏覽器的渲染展示都有非常大的幫助。
今天就簡單說下在手機版網站中需要添加哪幾種 Meta 標簽:
viewport
viewport 幾乎已經是公認的標准了,最初是由蘋果公司創建,用於 iPhone 上面的移動版 Safari,由於 iPhone 的大賣,大部分其他移動浏覽器都接受,比如 Opera Mobile, iPhone, Android, Iris, IE, BlackBerry, Obigo, Firefox
最基本的例子,在移動上使站點全屏寬度:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
HandheldFriendly
這個標簽和下面介紹的 MobileOptimized 是功能機時代的事實上標簽。
HandheldFriendly 標簽最早在 AvantGo 浏覽用來標示移動內容的,後來變成一個通用的標准用來標示移動站點,但是不知道這個標簽的支持情況。
<meta name="HandheldFriendly" content="true"/>
MobileOptimized
這是一個 Windows 專有的 meta 標簽也最終成為用於識別移動內容的另一種方法,但是該標簽的缺點是,特定的寬度必須給出,再次,這個標簽的支持情況也是未知的:
<meta name="MobileOptimized" content="320"/>