So implementieren Sie die Anpassung des mobilen H5-Terminals

Dieses Mal zeige ich Ihnen, wie Sie die H5-Mobilterminal-Anpassung umsetzen und wie Sie die H5-Mobilterminal-Anpassung umsetzen. Was sind die Vorsichtsmaßnahmen für die Anpassung an die mobile Version von h5? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Fügen Sie auf der Seite der PC-Version (http://pc_url) Folgendes hinzu:

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

Fügen Sie auf der Seite der mobilen Version (http://mobile_url) die erforderliche Anmerkung hinzu sollte lauten:

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

Der bisherige Meta-Tag (mobiler Agent) wird weiterhin verwendet, wir empfehlen jedoch, dass mobile Seiten, die in der Sprache HTMAL5 erstellt wurden, die neueste Lösung für die Sprunganpassung und andere verwenden Als XML-Sprache Für die mobile Seitensprunganpassung müssen Sie weiterhin die vorherige Meta-Tag-Methode verwenden:

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

html5Die neue mobile Anpassung ist wie oben geschrieben Dies ist hauptsächlich für Baidu und andere SuchanfragenIndexWie lautet die mobile URL der von Engine erfassten Website? Sie springt nicht automatisch, wenn das Gerät auf ein Mobiltelefon umgestellt wird. Wenn Sie einen automatischen Sprung realisieren möchten, benötigen Sie js.

Ich glaube, nachdem Sie diese gelesen haben, beherrschen Sie die Fallmethode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So aktivieren Sie die App in h5

Eine Zusammenfassung aller Elemente und der grundlegenden Syntax von H5

So gehen Sie mit der Inkompatibilität älterer Browserversionen mit H5 und C3 um

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Anpassung des mobilen H5-Terminals. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!