在pc版網頁(http://pc_url) 上,新增:
<link rel=alternate media=only screen and(max-width: 640px) href=http://pc_url >
在行動版網頁(http://mobile_url) 上,所需的註解應為:
<link rel=canonical href=http://mobile_url >
先前的Meta標記(mobile agent)會繼續沿用,但我們推薦使用HTMAL5語言製作的行動頁面使用最新方案進行跳轉適配,其它如xml語言的行動頁跳轉適配,需要繼續使用先前的meta標記方式:
<meta name=mobile-agentcontent=format=[wml|xhtml|html5]; url=mobile_url>
html5新增的行動適配寫法如上,這個主要是為了百度等搜尋引擎抓取到網站的行動端網址是什麼,不是自動當裝置切換到手機時自動跳轉的.若實現自動跳轉還需要js .
總結以上所述是小編給大家介紹的html5實現行動端適配完美寫法,希望對大家有幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對VeVb武林網站的支持!