h5モバイル端末適応の実装方法

今回は、h5 モバイル端末適応を実装する方法と、h5 モバイル端末に適応する方法を説明します。 h5モバイル端末に適応する際の注意事項は何ですか?実際のケースを見てみましょう。

PC バージョンの Web ページ (http://pc_url) で、次を追加します:

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

モバイル バージョンの Web ページ (http://mobile_url) では、必須の 注釈 を前に Meta タグにする必要があります:

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

(モバイルエージェント)は引き続き使用されますが、HTMAL5言語で作成されたモバイルページのジャンプ適応には最新のソリューションを使用することをお勧めします。XML言語などの他のモバイルページのジャンプ適応については、以前のメタを引き続き使用する必要があります。タグメソッド:

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

html5 の新しいモバイル対応 は、主に Baidu やその他の検索エンジンが Web サイトのモバイル URL をクロールするためのものです。デバイスを携帯電話に切り替えても、自動的にジャンプしません。自動ジャンプにも js が必要な場合。これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

関連読書:

h5でアプリを起動する方法

H5の全要素と基本構文のまとめ

互換性のない古いバージョンのブラウザの対処方法についてH5とC3

以上がh5モバイル端末適応の実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。