制作手機版網站的時候，除了頁面簡潔、操作方便等訪問者可以看到的地方以外，就是 Meta 標簽的設置，合理設置 Meta 標簽 對手機版網站的搜索引擎優(yōu)化，手機瀏覽器的渲染展示都有非常大的幫助。

今天就簡單說下在手機版網站中需要添加哪幾種 Meta 標簽：

viewport

viewport 幾乎已經是公認的標準了，最初是由蘋果公司創(chuàng)建，用于 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"/>

標簽： 移動站點 手機版網站 網站標簽 

版權申明：本站文章部分自網絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。