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

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

<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アドレスを手動で設定するための詳細な手順

推薦する

レンダリング関数と JSX の詳細

目次1. 基本2. ノード、ツリー、仮想DOM 1. 仮想DOM 3. createElementパ...

クリックナンバーゲームを実装するネイティブJS

参考までに、クリックナンバーゲームをネイティブJSで実装しました。具体的な内容は以下のとおりです。最...

JavaScript インタビュー: 配列の平坦化メソッドを実装する方法

目次1 配列のフラット化とは何ですか? 2 JS標準ライブラリの配列フラット化メソッド3 フラットメ...

vue-router 4 の使用例の詳しい説明

目次1. インスタンスをインストールして作成する2. vue-router4の新機能2.1 動的ルー...

MySQLは既存のコンテンツを保持し、後でコンテンツを追加します

このコマンドは、データ テーブル ff_vod を変更し、vod_url フィールドの内容の後に 9...

Vueを使用してタイマー機能を実装する

この記事の例では、タイマー機能を実装するためのVueの具体的なコードを参考までに共有しています。具体...

Vue3 ページ、メニュー、ルートの使用

目次1. メニューをクリックしてジャンプ1. ページ名の統一2. 管理ページを追加3. ルートを追加...

MySQL データベースのアップグレードにおけるいくつかの「落とし穴」

商用データベースの場合、データベースのアップグレードは優先度が高く、バージョンアップのロードマップ、...

負荷分散と動的および静的分離操作を実現するDocker NginxコンテナとTomcatコンテナ

Tomcat8 イメージをダウンロード [root@localhost ~]# docker sea...

MySQL 8.0.18 はクローンプラグインを使用して MGR 実装を再構築します

3 ノード MGR 内の 1 つのノードに異常があり、MGR クラスターに再度追加する必要があるとし...

Vue.js のミックスインの詳細な説明

ミックスインは、コンポーネントに分散された再利用可能な機能を柔軟な方法で提供します。 Mixin オ...

Linux システムで crontab を使用して MySQL データベースを定期的にバックアップする方法

システムの crontab を使用して定期的にバックアップ ファイルを実行し、バックアップ結果を日付...

例を通してMySQLパーティションテーブルの原理と一般的な操作を学びます

1. パーティションテーブルの意味パーティション テーブル定義は、任意のサイズに設定できるルールに従...

WeChatミニプログラムの基本チュートリアル:Echartの使用

序文まずは最終的な効果を見てみましょう。私が自分で作った小さなデモです。まずEChartsの公式サイ...

vue3 学習ノートにおける axios の使用の変更の概要

目次1. axioの基本的な使い方2. クロスドメインの問題を解決するには? 3. パッケージ4. ...