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

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

<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システムデータベースを使用する方法

ある達人がかつて、自分の妻のことを知るのと同じくらい、自分が管理するデータベースのことを知るべきだと...

MySQLの自己接続と結合の詳細な理解

1. MySQL 自己接続MySQL では、情報を照会するときに自分自身に接続 (自己接続) する必...

...

Dockerコンテナを介してランプアーキテクチャを構築するプロセス

目次1. Centosイメージを取得する2. nginxイメージをビルドする3. MySQLイメージ...

InnoDB エンジンの redo ファイルのメンテナンス方法

InnoDB REDO ログ ファイルのサイズと数を調整する場合は、次の手順に従います。 1. My...

シンプルなメッセージボードケースを実現するJavaScript

参考までに、Javascriptを使用してメッセージボードの例(メッセージ削除あり)を実装します。具...

MySQL の一般的な日付比較および計算関数

MySql での時間比較の実装unix_timestamp() unix_timestamp 関数は...

Linux でのインストール中にソフトウェア パッケージの依存関係レポートに関連する問題の解決策

目次背景1) yumのkeepchche機能を有効にする: 方法1 2) yum-utils ソフト...

MySQL データベースの集計クエリと結合クエリ操作

目次1. クエリ結果を挿入する2. 集計クエリ2.1 はじめに2.2 集計関数2.3 group b...

.htaccess を使用して特定の IP からの Web サイトへのアクセスを禁止する方法

序文コストを考慮して、ほとんどのウェブマスターは、多数の小規模なウェブサイト用にサーバーを個別に購入...

Centos6 で 20TB を超えるディスクをパーティション分割してフォーマットするためのサンプル コード

1. サーバー環境の構成: 1. ディスクパーティションを確認します。最近、あるプロジェクト内のサー...

CSS3 ベジェ曲線の例: リンクホバーアニメーション効果の作成

CSS3 アニメーション トランジションを使用して、リンクの上にマウスを移動すると小さなポップアップ...

Minio 軽量オブジェクト ストレージ サービスのインストールとブラウザの使用チュートリアル

目次導入インストール1. マウントするフォルダを作成する2. イメージをプルする3. コンテナを作成...

VMware ワークステーションの仮想マシンの互換性の問題に対する解決策

VMware ワークステーションの仮想マシンの互換性の問題を解決するにはどうすればよいですか?ノート...