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