役に立つメタ設定方法(必読)

役に立つメタ設定方法(必読)

<meta name="viewport" content="width=デバイス幅、初期スケール=1.0、ユーザースケーラブル=いいえ">

<meta name="format-detection" content="telephone=no">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="#6f9ddc">

<!-- ページのエンコード方法 -->

<メタ文字セット="utf-8">

<!-- IE と Chrome の最新バージョンを優先します -->

<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1">

<!-- SEO、ページ キーワード、各 Web ページには、Web ページのコンテンツを説明する固有のキーワード セットが必要です -->

<meta name="キーワード" content="">

<!-- SEO、ページの説明、各 Web ページには、Web ページのコンテンツを正確に反映する 150 文字以内の説明タグが必要です -->

<meta name="説明" コンテンツ="">

<!-- モバイル ブラウザーの表示を最適化します。デフォルトのズーム比は 1 で、手動でのズームは許可されません。レスポンシブなサイトでない場合は、initial-scale を使用しないか、スケーリングを無効にしてください。 -->

<meta name="viewport" content="width=デバイス幅、初期スケール=1、最大スケール=1、ユーザースケーラブル=いいえ">

<!-- Webkit カーネルを使用して Web サイトをレンダリングします -->

<meta name="レンダラー" content="webkit">

<!-- Baidu トランスコーディングは禁止されています-->

<meta http-equiv="キャッシュコントロール" content="サイトアプリなし">

<!-- ホーム画面にアイコンが追加されました -->

<!-- <link rel="icon" type="image/png" href="assets/i/favicon.png"> -->

<!-- ホーム画面に追加した後、WebApp のフルスクリーン モードを有効にします (Android) -->

<!-- <meta name="モバイルウェブアプリ対応" content="yes"> -->

<!-- ホーム画面にアイコンが追加されました (Android) -->

<!-- <link rel="icon" sizes="192x192" href="assets/i/[email protected]"> -->

<!-- ホーム画面に追加した後、WebApp のフルスクリーン モードを有効にします (iOS) -->

<!-- <meta name="apple-mobile-web-app-capable" content="yes"> -->

<!-- ホーム画面に追加した後 - ステータスバーの背景色を設定します (iOS) -->

<!-- <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->

<!-- ホーム画面に追加した後のタイトル (iOS) -->

<!-- <meta name="apple-mobile-web-app-title" content="中国南方オフィスオートメーション" /> -->

<!-- ホーム画面にアイコンが追加されました (iOS) -->

<!-- <link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]"> -->

<!-- ホーム画面にアイコンを追加しました (win8) -->

<!-- <meta name="msapplication-TileImage" content="assets/i/[email protected]"> -->

<!-- ホーム画面に追加した後 - ステータスバーの背景色を設定します (win8) -->

<!-- <meta name="msapplication-TileColor" content="#0e90d2"> -->

<!-- 携帯電話番号の認識を無効にする (iOS) -->

<meta name="format-detection" content="telephone=no">

<!-- モバイルメール認識を無効にする (Android) -->

<meta name="format-detection" content="email=no">

上の記事は、いくつかの便利なメタ設定方法(必読)に関するもので、編集者が皆さんに共有する内容のすべてです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

オリジナル URL: http://www.cnblogs.com/jiekk/p/5695031.html

<<:  divの背景を透明に設定する方法の例

>>:  LinuxでIPアドレスを手動で設定するための詳細な手順

推薦する

JSは単純なフィルタリングから複数条件のフィルタリングまで配列フィルタリングを実装します

目次単一条件単一データフィルタリング単一条件複数データフィルタリング複数の条件付きデータフィルタリン...

Linux で Bash コマンド プロンプトをカスタマイズする方法

序文ご存知のとおり、bash (Bourne-Gain Shell) は、ほとんどの Linux デ...

シンプルなドラッグ効果を実現するJavaScript

この記事では、簡単なドラッグ効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...

CSS3のtext-fill-colorプロパティの詳細な説明

text-fill-color とは何を意味しますか?文字通りの意味から言えば、「テキストの塗りつぶ...

CSS テキスト装飾 text-decoration と text-emphasis の詳細な説明

CSS では、テキストは私たちが毎日扱う最も一般的なものの 1 つです。テキストの場合、テキストの装...

Reactイベントスロットリング効果が失敗する理由と解決策

目次ここでの問題は次の通りです:解決策1:解決策2: コンストラクタで初期化を割り当てる採掘場の概要...

jsはaudioContextを通じて3Dサウンド効果を実現します

この記事では、audioContextを介して3Dサウンド効果を実現するためのjsの具体的なコードを...

ウェブサイトを構築するときは、UTF-8 または GB2312 エンコードを使用する必要がありますか?

外国のウェブサイトを開くと文字化けした文字が表示されることが多く、また、英語以外の外国のウェブサイト...

MySQL データベースの基礎: 基本コマンドの概要

目次1. ヘルプ情報を使用する2. データベースの作成、削除、表示3. データベースに接続する4. ...

Linuxでサーバーのハードウェア情報を表示する方法

みなさんこんにちは。今日は12連休ですが、何かお買い物はしましたか?今日は「Linux View S...

MySQL 5.7.18 zip バージョンのインストールと設定方法のグラフィック チュートリアル (win7)

Windows に mysql5.7.18zip バージョンをインストールするには、使用前に解凍し...

MySQL の order by ステートメントの最適化方法の詳細な説明

この記事では、ORDER BY文の最適化について学びます。その前に、インデックスの基礎的な理解が必要...

Docker+keepalived+nginx を使用してマスタースレーブホットスタンバイを実装する方法の例

序文単一障害点を解決するには、マスター/スレーブ ホット スタンバイ ソリューションを構成する必要が...

CSS クロスブラウザ スタイルのバグのデバッグについて

まず最初に、適切なブラウザを選択します。私が Chrome を選択したのは、その強力なデバッグ ツー...

Easyswoole ワンクリック インストール スクリプトとパゴダ インストール エラー

よくある質問easyswoole を初めて使用する場合は、次のような問題に遭遇することがよくあります...