ホームページ > 記事 > ウェブフロントエンド > モバイル H5 ヘッダー定義スタイル
<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/> <meta name="apple-mobile-web-app-capable" content="no" /> <meta name="format-detection" content="telephone=no,email=no,adress=no"/>
14c49cdc30d5fa158b8deb2c5e005895
1. width=device-width width : ビジュアル領域の幅。値は数値またはキーワード device-width (デバイス幅)
2 です。initial-scale=1.0、initial-scale: ページが最初のときのビジュアル領域のズーム レベルです。表示される場合、値は 1.0 です。 ページは拡大縮小なしで実際のサイズで表示されます。 (初期スケール)
3. 表示領域のズームレベル、最大スケールはユーザーがページを拡大することを禁止します。実際のサイズ。
4. ユーザースケーラブル: ページをズームできるかどうか、スケーリングは禁止されています
5. apple-mobile-web-app-capable: このメタの機能は、デフォルトの Apple ツールバーとメニュー バーを削除することです。
コンテンツには「はい」と「いいえ」の 2 つの値があります。ツールバーとメニューバーを表示する必要がある場合、デフォルトではこの行を追加する必要はありません。
6. 5c8067aa92efe0d3b54571885038e647
format-detection は、名前が示すように、中国語に翻訳すると「フォーマット検出」を意味します。 , HTML内の一部の形式を検出するために使用されます。metaのformat-detection属性には主に次の設定があります:
meta name="format-detection" content="telephone=no"
meta name= "format-detection" " content="email=no"
meta name="format-detection" content="adress=no"
次のように書くこともできます:meta name="format-detection" content="telephone=no, email=no ,adress=no"
以下は、各設定の役割の詳細な説明です:
1. 電話
リンクスタイルを追加せずに数字の文字列を明確に記述した場合、iPhoneは自動的にリンクスタイルを追加しますテキストを入力し、この番号をクリックすると、その番号に自動的にダイヤルされます。このダイヤルアップ リンクを削除するにはどうすればよいですか?この時点で、メタはその魔法を再び発揮するはずです。コードは次のとおりです。
telephone=no は、番号をダイヤルアップ リンクに変換することを禁止します。
telephone=yes は、番号のダイヤルアップ リンクへの変換をオンにします。変換機能をオンにするには、このメタを記述する必要はありません。デフォルトでオンになっています。
2. 電子メール
は、電子メール アドレスを認識しないようにデバイスに指示し、クリックしても自動的には送信されません。
email=no は電子メール アドレスとして禁止されています。
email=yes は、メール アドレスとしてデフォルトのテキストをオンにします。このメタはデフォルトでオンになっています。
3. adress
adress=no 地図へのジャンプは禁止です!
adress=yes は、住所をクリックして地図に直接ジャンプする機能をオンにします。これはデフォルトでオンになっています。
モバイル H5 ヘッダー定義スタイルに関連するその他の記事については、PHP 中国語 Web サイトに注目してください。