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

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

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

推薦する

Alibaba Cloud で静的ウェブサイトを素早く構築する方法

序文:ジュニアプログラマーとして、私は自分自身の個人ウェブサイトを構築し、それを他の人に見せることを...

Nginx 急ぎ購入 電流制限構成 実装分析

ビジネス上のニーズにより、急ぎの購入が発生することが多いため、ロード バランシング フロント エンド...

CSS導入方法4つのまとめ(共有)

1. インライン参照:ラベルに直接使用されるが、メンテナンスコストが高い スタイル='フォ...

Vue+Elementでページング効果を実現

この記事の例では、ページング効果を実現するためのvue+Elementの具体的なコードを参考までに共...

vscodeを使用してReact Native開発環境を構築する方法を教えます

質問コードにはプロンプトがありません: RN 開発に不慣れな、フロントエンド以外の学生の多くは、「ど...

MySQL の結合フィールドの Concat()

目次1. はじめに2. 本文2.1 フィールドの連結2.2 フィールドでの算術計算の実行1. はじめ...

CSS で TikTok テキスト揺れエフェクトを実装する例

日々の開発において、フロントエンドの学生はアニメーションやデザインについてよく議論します。デザイナー...

MySQL 5.7.10 winx64 のインストールと設定方法のグラフィック チュートリアル (win10)

MySQL は比較的使いやすいリレーショナル データベースです。今日は、win10 システムを再イ...

一般的な JavaScript メモリ エラーと解決策

目次1. タイマー監視2. イベント監視3.オブザーバー4. ウィンドウオブジェクト5. DOM参照...

Zabbixを使用してOracleテーブルスペースの操作プロセスを監視する

0. 概要Zabbix は非常に強力なオープンソースの監視ツールです。以下では、Zabbix がテー...

Nginx で複数のドメイン名がドメインをまたいでアクセスできるようにマップを使用する方法

一般的なNginx構成ではクロスドメインが可能 サーバー{ 11111 を聞いてください。 serv...

Node.js のイベント モジュールに関する知識ポイントのまとめ

Node の研究と応用を通じて、NodeJS はシングルスレッド、イベント駆動型、非ブロッキング I...

JavaScript を使用してソートアルゴリズムを実装する方法

目次バブルソート選択ソート挿入ソート要約するバブルソートバブルソートは、シーケンスの右側から始めて、...

VueRouterルーティングの詳細な説明

目次vueルーター1. ルーティングの概念を理解する1.1 ルーティングとは何ですか? 1.2. バ...

商品クエリ機能を実現するJavaScript

この記事の例では、商品検索機能を実現するためのJavaScriptの具体的なコードを参考までに共有し...