くだらない話はやめて、今日の話題から始めましょう。
html/11675.html">HTML のメタ タグ
1.メタタグの意味<meta> 要素は、検索エンジンの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。
<meta> タグはドキュメントの先頭にあり、コンテンツは含まれません。
<meta> タグの属性は、ドキュメントに関連付けられた名前と値のペアを定義します。
2. メタでよく使用される属性1. charset (文字セット)
説明: HTML ドキュメントの文字エンコーディングを指定します。
使用法: <meta charset=UTF-8>
2. ビューポート（ビューポート）
説明: ユーザーの Web ページの表示領域です。 一般に、モバイル デバイスの画面は PC の画面よりもはるかに小さいことは誰もが知っています。Webkit ブラウザは、モバイル デバイスの画面に大きな仮想ウィンドウをマップします。デフォルトの仮想ウィンドウの幅は 980 ピクセルです (ほとんどの Web サイトの現在の標準幅です)。 ) を指定し、特定の比率 (3:1 または 2:1) に従ってスケーリングします。
つまり、通常の Web ページをロードするとき、Webkit はまずブラウザ標準の 980 ピクセルで Web ページをロードし、次にそれを幅 490 ピクセルに縮小します。この縮小はグローバルな縮小であることに注意してください。つまり、ページ上のすべての要素が縮小されます。
使用法：
<メタ ID = ビューポート名 = ビューポートの内容 = 幅 = デバイス幅 = 1.0; 最大スケール = 1;>
(1)幅
width はビューポートのサイズを制御します。通常は適応目的で device-width に設定されます
(2) 初期スケール
初期スケール: 初期スケーリング率、つまり、ページが初めてロードされたときのスケーリング率です。
(3) 最大スケール
最大スケール 最大スケーリング。つまり、許可されるスケーリングの最大度です。これは、画面サイズと比較したページ サイズの最大乗数を示す浮動小数点値でもあります。
(4) 最小スケール
minimum-scale: ユーザーがズームできる最小スケール。最大スケールの使用法と同様です。
(5) ユーザーによる拡張が可能
ユーザースケーラブル ユーザーが調整可能なスケーリング。つまり、ユーザーがページのズーム レベルを変更できるかどうかです。 「yes」に設定すると、ユーザーは変更を許可されます。それ以外の場合は「no」です。
3. キーワード
説明: 検索エンジンに提供されるキーワードのリスト。各キーワードを区切るにはカンマを使用します。検索エンジンが検索品質を向上させるために使用するキーワードを指定します。
使用法: <メタ名=キーワード コンテンツ=キーワード 1、キーワード 2、キーワード 3、キーワード 4、…>
4. description (説明、導入)
説明: 説明は、Web サイトのメインコンテンツを検索エンジンに伝えるために使用されます。
使用法：<Meta name=Description Content=你网页的简述>
5.format-detection（フォーマット検出）
説明: format-detection は、HTML 内の一部のフォーマットを検出するために使用されます。
使用法: メタのフォーマット検出属性には主に次の設定があります。
メタ名=フォーマット検出コンテンツ=電話=いいえ メタ名=フォーマット検出コンテンツ=電子メール=いいえ メタ名=フォーマット検出コンテンツ=アドレス=いいえ
meta name=format-detection content=telephone=no,email=no,adress=noと続けて書くこともできます。
(1)電話
リンク スタイルを追加せずに数字の文字列を書いたのは明らかですが、iPhone はテキストにリンク スタイルを自動的に追加し、番号をクリックすると自動的にその番号にダイヤルします。このダイヤルアップ リンクを削除するにはどうすればよいですか?この時点で、メタはその魔法の力を再び発揮する必要があります。コードは次のとおりです。
Telephone=no は、番号をダイヤルアップ リンクに変換することを無効にします。
Telephone=yes を指定すると、番号をダイヤルアップ リンクに変換できます。変換機能を有効にするために、このメタを記述する必要はありません。デフォルトで有効になっています。
(2)メール
電子メール アドレスを認識しないように、またクリック後に自動的に送信しないようにデバイスに指示します。
email=no は電子メール アドレスとして禁止されています。
email=yes はテキストをオンにし、メールアドレスをデフォルトにします。このメタを記述する必要はありません。デフォルトでオンになります。
(3)住所
adress=no はマップへのジャンプを禁止します。
adress=yes は、住所をクリックして地図に直接ジャンプする機能を有効にします。これはデフォルトで有効になっています。
6.アップルタッチフルスクリーン
説明: ホーム画面に追加すると、全画面で表示されます。
使用法: <meta name=apple-touch-fullscreen content=yes>
7.apple-mobile-web-app-capable
説明: この機能は、デフォルトの Apple ツールバーとメニュー バーを削除することです。 content には、yes と no の 2 つの値があります。ツールバーとメニューバーを表示する必要がある場合、デフォルトではこのメタ行を追加する必要はありません。
使用法: <meta name=apple-mobile-web-app-capable content=yes />
8. アプリ構成
説明: 履歴記録とアニメーション効果を保持します。
使用法: <meta name=App-Config content=fullscreen=yes,useHistoryState=yes,transition=yes/>
9.msapplication-tap-highlight
説明: [ハイライトなし] をクリックします (ハイライト)
使用法: <meta name=msapplication-tap-highlight content=no>
以上、エディターが紹介したHTMLでのメタタグと使い方について詳しく説明しました。ご質問がございましたら、メッセージを残していただければ編集者がすぐに返信させていただきます。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！