HTMLヘッダーリファレンス(メタ、リンク)について_html/css_WEB-ITnose

/*このヘッダーは、GCF がインストールされている場合、ページのレンダリングに GCF が使用されることを示します。GCF がインストールされていない場合、レンダリングには IE カーネルの最新バージョンが使用されます。 */


/*このヘッダーは、IE ブラウザーがシミュレーションに IE7 を使用し、IE9 は引き続き使用することを示します。 IE9. レンダリング*/


/*ヘッダー宣言は SEO に有益です*/
/*一般的な略語にはこれで十分です*/
/*これは Web サイトのラベル プロンプトです*/

/*ユーザーが画面をタッチして画面を拡大するのを防ぐことができます*/
/*大体この書き方 以上です*/
/ *この書き方はより厳密ですが、必須ではありません。効果は上記と同じです*/
/*width - ビューポートの幅 height - ビューポートの高さ
initial-スケール - 初期のスケーリング率
minimum-scale - ユーザーがズームできる範囲 最小スケール
maximum-scale - ユーザーがズームできる最大スケール
user-scalable - ユーザーが手動でズームできるかどうか*/

/*これは HTML で ico を記述する方法です。また、js と php の両方の背景で、html の最初の静的 ico の置換を制御できます*/
/*その内このコードは最も重要です*/


/*以下のコードお気に入りにアイコンを表示することもできます*/

;

まず、BlackBerry などのビューポートを認識しない一部の古いブラウザ向けに、ハンドヘルド デバイス向けに最適化します (BlackBerry の国内市場シェアは非常に低いですが、複数の企業と 1 つの業界を持つことには利点があります)
< meta http-equiv="X-UA-Practical" content="IE=edge"/>

2 番目: Microsoft の古いブラウザ (これは基本的に廃止されているため、使用する必要はありません。) )


3 番目: UC ブラウザ (高い市場シェアを持つモバイル ブラウザ)
強制縦画面:

強制全画面:



QQ ブラウザ (Tencent については多くは言いません。ユーザー グループが存在します)
強制縦画面:

必須画面:

アプリモード:

4 番目: Windows Phone でハイライトなしでクリック


6 番目: ページ上の番号を無視して電話番号として識別し、電子メールによる識別もあります


ここでは、address=no;email=no;telephone=no をセミコロンで区切って設定できます。

7: Web アプリ機能を有効にするかどうかにより、デフォルトの Apple ツールバーとメニュー バーが削除されます


8 番目: Webapp 機能が開始されると、携帯電話の信号、時間、バッテリーを表示する上部のナビゲーション バーの色。

9 番目: ブラウザーのナビゲーション バーを非表示にする


iOS でキーボードの自動大文字化をオフにする方法

iOS では、仮想キーボードが表示されると、デフォルトでキーボードの最初の文字が大文字に設定されます。Webkit のモバイル バージョンでは、input 要素に autocapitalize 属性が提供されます。autocapitalize="off" を指定すると、デフォルトをオフにすることができます。 autocapitalize="off" を指定することによるキーボードの大文字化

キャッシュ制御




HTTP リフレッシュ
WAP ブラウザは使用をサポートしていません はキャッシュを制御するためのタグですが、HTTP ヘッダー「Cache-Control: no-cache」の意味を認識しています。この場合、解決策は HTTP ヘッダー

/*IOS の強制フルスクリーンについて*/

/* ラベルの問題に関しては、ブラウザごとに設定方法が異なる場合があります。 IOSのドキュメントリンクアドレス*/
https://developer.apple.com/library/safari /documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

iOSへのホーム画面追加機能の設定についてIOS デスクトップ (Web ページをネイティブ アプリのようにすることができます)

touch-icon" href="touch-icon-iphone.png" />

このうち、apple-touch -icon-precomposed はデスクトップに追加したときに角が丸い/ハイライトが変更され、apple-touch-icon は丸みを帯びたハンドルのみを処理しますコーナー、ハイライト修正なし

dns-prefetch はHTML5 の新しいコンテンツ。主にフロントエンドの最適化、DNS リクエストの削減、および DNS の事前解決に使用されます。上の例からわかるように、ドメイン名をキャッシュし、ユーザーが他のページのアドレスをクリックすると自動的に取得します。これにより、ブラウザがドメイン名を解決するように制御されます。

さらに、 で、現在のページに DNS 解決が必要かどうかを設定できます。 content="on" は解析することを意味し、content="off" は解析しないことを意味します。デフォルトで解析されます。