移動先-metaラベル

metaタグは主にHTML構造層を補助する.metaタグはインターネットのフロントエンドでもモバイルエンドでも重要な役割を果たしています.

<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

HTML 5が言語標準の説明文書です.
1、第一組のmetaラベル、比較的によく見られる.これは、htmlドキュメントの内容であり、ウェブページ符号化はutf-8符号化を採用していることを意味します.utf-8符号化は主に簡体字中国語と英語を対象としている.正確な符号化定義が必要である.Webページの文字が文字化けしてしまいます.2、第2グループのmetaラベルは移動端の特属のラベルです.
これは、移動側デバイスのデフォルトの幅に等しいビューウィンドウであることを意味します.Inital-scaleが表す初期のスケールは、一般的に1.0倍に設定されています.maximum-scale=1.0は、ユーザがスケーリングできる最大の割合を表す.user-scalable=noは、ユーザによる手動によるページスケーリングをサポートする。を示す
3、第三、四組のmetaタグはいずれもIOSシステムに対する専属タグである.
3.1第3グループの意味はwebapp機能を起動するかどうかであり、ホームページをクリックしてメイン画面機能に追加すると、メイン画面にアイコンが生成され、このアイコンをクリックするとwebapp機能に入り、ローカルアプリケーションのモードをシミュレートしてwebページを閲覧することである.
生成されたアイコンはカスタマイズでき、webappを起動したときの開始時のピクチャも定義できます.これはlinkラベルの役割で、後でラベルを紹介するときに個別に説明します.
3.2第4のグループは、webapp機能を起動すると、携帯電話の信号、時間、バッテリーのトップナビゲーションバーの色を表示する.
デフォルトはdefault(白)で、black(黒)とblack-translucent(グレー半透明)に設定できます.具体的な値は、実際のページデザインのテーマ色の組み合わせに基づいて設定します.
転載先:https://www.cnblogs.com/lyr1213/p/6383076.html