Html5 mobile adaptation and html5 adaptation

Html5 mobile adaptation and html5 adaptation

On the PC webpage (http: // pc_url), add:

<Link rel = "alternate" media = "only screen and (max-width: 640px)" href = "http: // pc_url">

On the mobile web page (http: // mobile_url), the required comments should be:

<Link rel = "canonical" href = "http: // mobile_url">

The previous Meta tag (mobile agent) will continue to be used. However, we recommend that you use the latest scheme for redirect adaptation on mobile pages created in HTMAL5, and use other mobile page redirection adaptation in xml language, you need to continue using the previous meta tag method:

<Meta name = "mobile-agent" content = "format = [wml | xhtml | html5]; url = mobile_url">

The newly added mobile adaptation method of html5 is as above. This is mainly for Baidu and other search engines to capture the mobile website of the website. It is not automatically redirected when the device switches to the mobile phone. js is also required for automatic redirect.

 

Reference: http://www.cnblogs.com/osfipin/p/5852037.html