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

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

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

推薦する

MySQL 5.7.18 インストールチュートリアルと問題の概要

MySQL 5.7.18 のインストールと問題の概要。今日、新しい MySQL サーバーを導入しまし...

Chromeブラウザ設定の新バージョンではクロスドメイン実装が可能

序文現在、フロントエンドは主に webpack の devServer の構成を通じてクロスドメイン...

Vueはスクロールバースタイルを実装します

最初はブラウザのスクロールバーのスタイルを変更して効果を実現したいと思っていましたが、情報を調べてみ...

JavaScript による Web ページ カルーセルの超詳細な実装

目次HTML ページの作成js部分の機能を実装する1. 左ボタンと右ボタン2. 小さな円を動的に生成...

Bash の山括弧の深い理解 (初心者向け)

序文Bash には、ls、cd、mv などの重要な組み込みコマンドが多数あるほか、grep、awk、...

JavaScript ドラッグタイム ドラッグケースの詳細な説明

目次DragEvent インターフェースデータ転送インターフェースの概要DataTransfer の...

MySQL btree インデックスとハッシュ インデックスの違い

MySQL では、ほとんどのインデックス (PRIMARY KEY、UNIQUE、INDEX、FUL...

jQueryチェーン呼び出しの詳細な説明

目次チェーン呼び出し小さなケースチェーン呼び出しjQuery オブジェクトが任意のメソッド (ノード...

vue+element を使用した Google プラグインの開発プロセス全体

シンプルな機能: ブラウザの右上隅にあるプラグイン アイコンをクリックすると小さなポップアップ ウィ...

LinuxカーネルマクロContainer_Ofの詳細な説明

目次1. 構造体はメモリにどのように保存されますか? 2. container_ofマクロ3. 型4...

HTML5 と HTML4 の 10 の主な違い

HTML5 は HTML 標準の次のバージョンです。ますます多くのプログラマーが、Web サイトの構...

Vue+js はビデオのフェードインとフェードアウト効果を実現します

Vue+jsはビデオのフェードインとフェードアウトを実現します。参考までに、具体的な内容は次のとおり...

VirtualBox+Ubuntu16でKubernetesクラスタを構築する実装

目次Kubernetesについて基本的な環境の準備VirtualBoxをインストールするUbuntu...

MAC で MySQL のデフォルトの文字セットを utf8 に変更する方法

1. デフォルトでインストールされているMySQLの文字セットを確認するmysql> '...

Windows Apache 環境で SSL 証明書を展開して、Web サイトを https 対応にする方法

SSL 証明書の使用についてはここでは説明しません。SSL 証明書を導入する必要がある友人は、すでに...