第一個是元標簽標簽。以及在網頁的頂部和底部插入手機、移動終端和wap版本等移動文字，并多次插入網頁，以加強對移動網頁的識別。博客花園里的一篇文章以天貓Taobao.com為例進行了詳細解釋，我直接摘錄了它。感謝原作者。

我是貓

Title cat觸摸屏版本/title元內容=' text/html；charset=utf-8 ' http-equiv=' Content-Type ' meta charset=' utf-8 ' meta Content=' width=設備寬度，initial-scale=1.0，maximum-scale=1.0，user-scale=0 ' name=' viewport ' meta Content=' yes ' name=' apple-mobile-web-app-capable ' meta Content=' black ' name=' apple-mobile-web-app-status-bar-sty le ' meta Content=' phone=no ' name=' format-detection '

第二，淘寶

Title淘寶觸摸屏版/title meta charset=' utf-8 ' meta content=' yes ' name=' apple-mobile-web-app-capable ' meta content=' yes ' name=' apple-Touch-full Screen ' meta content=' teleph one=no ' name=' format-detection ' meta content=' black ' name=' apple-mobile-web-app-status bar-style ' meta property=' WB :站長' content=' c 51923015 ca 19 EB 1 ' meta name=' author版權所有'元名稱='重訪后'內容=' 1天'元名稱='密鑰'內容='元名稱='描述'內容='在m.taobao.com

3.京東

1 title jingdong-mobile phone version/title 2 meta name=' viewport ' content=' width=device-width，initial-scale=1.0，maximum-scale=1.0，user-scale=0；'3 meta name=' format-detection ' content=' telephone=no ' 4 meta name=' keywords ' content='手機購物，WAP商城，日用百貨，3C電器，汽車用品'

4.網易

移動netease.com/title元數據集=' utf-8 '元內容=' width=設備寬度。user-scalable=no ' name=' viewport ' meta name=' apple-itunes-app ' content=' app-id=425349261 ' meta name=' apple-mobile-web-app-capable ' content=' yes '

五、百度

元http-equiv='內容-類型'內容='文本/html；charset=utf-8 ' meta name=' viewport ' content=' width=設備寬度，minimum-scale=1.0，maximum-scale=1.0，user-scale=no ' meta name=' format-detection ' content=' telephone=no '

元意味著元素可以提供關于頁面的元信息，比如搜索引擎的描述和關鍵詞以及更新頻率。標簽位于文檔的開頭，不包含任何內容。標簽的屬性定義了與文檔相關聯的名稱/值對。

手機端特有的有哪些？

meta content=' width=設備寬度，initial-scale=1.0，maximum-scale=1.0，user-scale=0 ' name=' viewport ' meta content=' yes ' name=' apple-mobile-web-app-capable ' meta content=' black ' name=' apple-mobile-web-app-status-bar-sty le ' meta content=' telephone=no ' name=' format-detection '

第一個元標簽表示：強制文檔寬度和設備寬度保持1:1，文檔最大寬度比為1.0，不允許用戶點擊屏幕放大瀏覽；

寬度-視口寬度高度-視口高度初始-比例-初始最小-比例-最小-允許用戶縮放的比例-最大-允許用戶縮放的比例-用戶-可縮放-用戶是否可以手動縮放

第二個meta標簽是safari在iphone設備中的私有meta標簽，它表示：允許全屏瀏覽；

第三個meta標簽也是iphone的私有標簽，它指定了iphone中safari頂部狀態欄的樣式。

web應用程序下的狀態欄(屏幕的頂部欄)的顏色；默認值為default，可以設置為黑色和半透明。注意：如果該值為“黑色-半透明”，它將占據頁面px的位置并浮在頁面上方(它將覆蓋頁面20px的高度iphone 4的視網膜屏幕，itouch4為40px)。

第四個元標簽表示：告訴設備忽略將頁面中的號碼識別為電話號碼。

其次，百度對字體大小間距的規定應該嚴格遵守。

百度用戶體驗部關于手機頁面瀏覽體驗的研究成果；

1.當主要內容包含文本段落時，文本字體大小建議為14px，行距建議為(0.42~0.6)*字號，文本字體大小不小于10px，行距不小于0.2 *；

2.當主要內容包含多張圖片時，除圖片質量外，圖片寬度應設置一致，位置應統一。

3.當主要內容包含多個文本鏈時，建議文本鏈的字體大小為14px或16px當字體大小為14px時，建議垂直間距為13px當字體大小為16px時，建議垂直間距為14px字符鏈的整個可穿孔區域不得小于40px

4.主要內容中其他可穿孔區域的寬度和高度應大于40px

5.此外，應注意互動的一致性。同一頁面不應該使用相同的手勢來完成不同的功能。

第三，減少使用js、大圖片、flash等豐富的媒體資源，甚至在不特別需要的時候使用純靜態的文本資源，訪問速度快，主題集中，減少了蜘蛛工作。使用與否，可以在每一頁策略中仔細體現出來，富媒體無非是利用人們的右腦功能來增強記憶力和增強吸引力。但是，在移動端，它會嚴重降低加載速度，并占用有限的手機空間。這不是一個很好的選擇，除了對圖片和flash或交互要求很高的網站，但通常他們有強大的加速技術支持?？梢杂行У窒焕绊?。

第四，像m.jiaodaseo.com和wap.jiaodaseo.com這樣的普通標簽被用來多次重復標簽，技術手段可以用來拒絕個人電腦用戶訪問?；蛘邚娭铺D到電腦頁面。如果它是自適應的，則該方法不適用。它可以加強上述關鍵詞標記，提高識別度。

第五，百度的定制標簽用于幫助識別個人電腦移動站。

它是用來向百度蜘蛛解釋這個網址頁是適合顯示在個人電腦端還是移動端。說白了，就是幫助百度提交驗證和識別結果，減少百度蜘蛛把PC站當成M站或者把M站當成PC站來抓取。

2.代碼位置：

代碼放在中間，規則和對應關系如下所示：

如果是個人電腦工作站，代碼：元名稱='適用設備'內容='個人電腦'

對于電臺m，代碼：元名稱='適用設備'內容='移動'

如果是自適應的或代碼自適應的，則代碼：元名稱='適用設備'內容='個人電腦，移動設備'。

總之，快速穩定的移動接入體驗是好的，搜索引擎得到高度認可，移動站和pc站之間可以建立一對一的通信。