metaはhtml言語のhead領域にある補助タグです。おそらく、これらのコードは不要だと思うかもしれません。実際、メタタグをうまく活用できれば、予想外の結果がもたらされます。メタタグの機能には、検索エンジン最適化 (SEO)、ページで使用される言語の定義、新しいページの自動更新と参照、Web ページの変換時の動的効果の実現、ページ バッファリングの制御、Web ページの評価と評価、Web ページが表示されるウィンドウの制御などがあります。 メタタグの構成:メタタグには、http-equiv 属性と name 属性の 2 つの属性があります。属性が異なるとパラメータ値が異なり、これらの異なるパラメータ値によって Web ページの機能が異なります。 1. 名前属性 name 属性は主に Web ページを説明するために使用されます。対応する属性値は content です。content 内のコンテンツは主に検索エンジン ロボットが情報を検索して分類するために使用されます。 メタタグの名前属性の構文は次のとおりです。 <metaname="parameter" content="特定のパラメータ値">。 name 属性には主に次のパラメータがあります。 A. キーワード 説明: キーワードは、Web ページのキーワードを検索エンジンに伝えるために使用されます。 例: <metaname="keywords" content="科学、教育、文化、政治、経済、人間関係、エンターテイメント、人間"> B. 説明(ウェブサイトのコンテンツの説明) 説明: 説明は、検索エンジンに Web サイトの主なコンテンツを伝えるために使用されます。 例: <metaname="description" content="このページは、科学、教育、文化の意味について説明しています。""> C. ロボット(ロボットガイド) 説明: ロボットは、どのページをインデックスする必要があるか、どのページをインデックスする必要がないかを検索ロボットに伝えるために使用されます。 コンテンツのパラメータは、all、none、index、noindex、follow、nofollow です。デフォルトはすべてです。 例: <metaname="robots" content="none"> D.著者 説明: ウェブページの作成者をマークする 例: <metaname="author" content="root,[email protected]"> 2. http-equiv属性 名前が示すように、http-equiv は http のファイル ヘッダーに相当します。Web ページのコンテンツを正しく正確に表示するために役立つ情報をブラウザーに送り返すことができます。対応する属性値は content です。content 内のコンテンツは、実際には各パラメーターの変数値です。 メタ タグの http-equiv 属性の構文形式は次のとおりです。 <metahttp-equiv="parameter" content="パラメータ変数値">; http-equiv 属性には主に次のパラメータがあります。 A. 期限切れ 説明: Web ページの有効期限を設定するために使用できます。 Web ページの有効期限が切れると、サーバーに再送信する必要があります。 使用方法: <metahttp-equiv="expires" content="Fri,12Jan200118:18:18GMT"> 注意: 時間形式は GMT である必要があります。 B. プラグマ(キャッシュモード) 説明: ブラウザがローカル コンピュータのキャッシュからページ コンテンツにアクセスできないようにします。 使用方法: <metahttp-equiv="Pragma" content="no-cache"> 注意: この設定では、訪問者はオフラインで閲覧できなくなります。 C. リフレッシュ 説明: 自動的に更新して新しいページを表示します。 使用方法: <metahttp-equiv="Refresh" content="2;URL=https://www.jb51.net"> (秒の前と URL の後の引用符に注意してください) 注: 2 は、2 秒間経過すると URL が自動的に更新されることを意味します。 D. Set-Cookie(クッキー設定) 注意: Web ページの有効期限が切れると、保存された Cookie は削除されます。 使用方法: <metahttp-equiv="Set-Cookie" content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/"> 注意: 時間形式は GMT である必要があります。 E. ウィンドウターゲット(表示ウィンドウの設定) 説明: 現在のウィンドウにページを独立したページとして強制的に表示します。 使用方法: <metahttp-equiv="Window-target" content="_top"> 注: 他のユーザーがフレーム内で自分のページを呼び出すことを防ぐために使用されます。 F. content-Type(表示文字セット設定) 説明: ページで使用する文字セットを設定します。 使用方法: <metahttp-equiv="content-Type" content="text/html;charset=gb2312"> G. コンテンツ-言語(表示言語設定) 使用方法: <metahttp-equiv="Content-Language" content="zh-cn"/> H. Cache-Control は、リクエストとレスポンスに続くキャッシュ メカニズムを指定します。 Cache-Control は、リクエストとレスポンスが従うキャッシュ メカニズムを指定します。要求メッセージまたは応答メッセージで Cache-Control を設定しても、他のメッセージのキャッシュ処理は変更されません。リクエスト中のキャッシュディレクティブには、no-cache、no-store、max-age、max-stale、min-fresh、onなどがあります。 ly-if-cached の場合、応答メッセージ内の指示には、public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age が含まれます。各メッセージ内の指示の意味は次のとおりです。 パブリックは、レスポンスがどのキャッシュでもキャッシュできることを示します。 プライベートは、単一ユーザーの応答メッセージの全体または一部を共有キャッシュで処理できないことを示します。これにより、サーバーは現在のユーザーへの応答メッセージの一部のみを記述できますが、これは他のユーザーの要求には有効ではありません。 no-cacheは、リクエストまたはレスポンスメッセージをキャッシュできないことを示します。 no-store は、重要な情報が誤って公開されるのを防ぐために使用されます。これをリクエスト メッセージで送信すると、リクエスト メッセージと応答メッセージの両方でキャッシュが使用されなくなります。 max-age は、クライアントが指定された時間 (秒単位) を超えない経過時間の応答を受け入れることができることを示します。 min-freshは、クライアントが現在の時間と指定された時間より短い応答時間を受信できることを示します。 max-stale は、クライアントがタイムアウト期間を超えて応答メッセージを受信できることを示します。 max-stale メッセージ値を指定すると、クライアントは指定されたタイムアウト期間を超える応答メッセージを受信できます。 メタタグの使用に関するヒント: メタ タグは、Web ページのプロパティを記述するために使用される言語です。標準のメタ タグは、検索エンジンの並べ替えを容易にし、検索エンジンの Web サイトの重み付けランキングを向上させることができます。ウェブサイトを検索エンジンの標準にもっと沿わせたいなら、メタタグを理解する必要があります。ここでは、Seoer Xiyuan がメタタグの意味と使い方を説明します。 1. METAタグ内のキーワード 記述方法は次のとおりです: <metaname="キーワード" content="情報パラメータ"/> ミートタグ内のキーワードの情報パラメータは、Web サイトのキーワードが何であるかを表します。 2. METAタグの説明 <metaname="説明" content="情報パラメータ"/> メタタグの Description パラメータは、Web サイトの主なコンテンツと概要を表します。 3. METAタグのhttp-equiv=Content-Typecontent="text/html" http-equiv=Content-Type は、Web ページの情報をブラウザに示す HTTP ヘッダー プロトコルを表します。 <metahttp-equiv="Content-Type" content="text/html; charset=情報パラメータ"/> メタタグの charset パラメータが GB2312 の場合、Web サイトで使用されるエンコードは簡体字中国語であることを意味します。 メタタグの charset パラメータが BIG5 の場合、Web サイトで使用されるエンコードは繁体字中国語であることを意味します。 メタタグの charset パラメータが iso-2022-jp の場合、Web サイトで使用されるエンコーディングは日本語であることを意味します。 メタタグの文字セット情報パラメータが ks_c_5601 の場合、Web サイトで使用されるエンコーディングは韓国語であることを意味します。 メタタグの charset パラメータが ISO-8859-1 の場合、Web サイトで使用されるエンコーディングは英語であることを意味します。 メタタグの文字セット情報パラメータが UTF-8 の場合、それはユニバーサル言語エンコーディングを表します。 4. METAタグジェネレーター <metaname="generator" content="情報パラメータ"/> メタタグのジェネレータ情報パラメータは、Web サイトの作成に使用されたソフトウェアを示します。 5. METAタグ内の著者 <metaname="author"content="情報パラメータ"> メタタグの著者情報パラメータは、Web ページの著作権著者情報を表します。 6. METAタグにhttp-equiv="Refresh" <Metahttp-equiv="Refresh"Content="時間;Url=URL パラメータ"> メタ タグ内の Refresh は、Web ページが自動的に更新される期間を表し、Url 内の URL パラメータと組み合わせると、他の URL に自動的にリンクされる期間を表します。 7. METAタグ内のHTTP-EQUIV="Pragma"CONTENT="no-cache" <METAHTTP-EQUIV="Pragma"CONTENT="no-cache"> は、ブラウザがローカル コンピュータのキャッシュからページ コンテンツにアクセスすることを禁止することを意味します。この設定により、訪問者はオフラインで閲覧できなくなります。 8. METAタグの著作権 <METANAME="COPYRIGHT"CONTENT="情報パラメータ"> メタタグの COPYRIGHT 情報パラメータは、Web サイトの著作権情報を表します。 9. METAタグ内のhttp-equiv="imagetoolbar" <metahttp-equiv="イメージツールバー" コンテンツ="false"/> 画像ツールバーを表示するかどうかを指定します。false の場合は表示されず、true の場合は表示されます。 10. METAタグのContent-Script-Type <Metahttp-equiv="Content-Script-Type"Content="text/javascript"> ページ内のスクリプトの種類を指定する W3C Web ページ仕様。 11. METAタグ revisit-after <METAname="revisit-after"CONTENT="7日後"> revisit-after はウェブサイトの再訪問を意味し、7days は 7 日間を意味します。 12. META タグ内のロボット <metaname="Robots"contect="情報パラメータ"> ロボットは検索エンジンのロボットにどのページをクロールするかを指示します プロパティは次のように記述されます。 情報パラメータはすべてです: ファイルが取得され、ページ上のリンクを照会できます。 情報パラメータが none の場合、ファイルは取得されず、ページ上のリンクを照会することはできません。 情報パラメータはインデックスです: ファイルが取得されます。 情報パラメータは次のとおりです: ページ上のリンクを照会できます。 情報パラメータは noindex です。ファイルはインデックス化されませんが、ページ上のリンクは照会できます。 情報パラメータは nofollow です。ファイルは取得されますが、ページ上のリンクは照会されません。 |
<<: パーソナライズされたクリエイティブなウェブサイトデザインの例 (30)
>>: Vue 基本チュートリアル: 条件付きレンダリングとリストレンダリング
序文Vue(発音は /vjuː/、view に似ています)は、ユーザーインターフェイスを構築するため...
この記事では、VMware仮想マシンのNAT構成プロセスを詳しく説明します。具体的な内容は次のとおり...
目次序文ブラウザJS非同期実行の原理ブラウザのイベントループ実行スタックとタスクキューマクロタスクと...
背景go-fastdfs は、http プロトコルをサポートする分散ファイルシステムです。一般的なプ...
序文:ジュニアプログラマーとして、私は自分自身の個人ウェブサイトを構築し、それを他の人に見せることを...
SQL の基礎知識がある友人は、「クロステーブル クエリ」について聞いたことがあるはずですが、クロス...
国務院は本日、新型コロナウイルス感染症との闘いで殉教した方々と犠牲者に対し、全国各民族人民の深い哀悼...
広告を閉じるまでのカウントダウンを実装するために JavaScript を使用するまだフロントエンド...
文字列を配列に分割するには、次の 3 つの MySQL 関数を使用する必要があります。 REVERS...
コンポジション継承組み合わせ継承は、疑似古典的継承とも呼ばれます。これは、昨日説明したプロトタイプ ...
文法以下は、MySQL テーブルにデータを挿入するための INSERT INTO コマンドの一般的な...
以前、プロジェクトを開発しているときに、flex レイアウトと position:absolute/...
最近、ブログのアップグレードを始めました。テンプレートを変更する過程で、CSS スタイルシートを書き...
最近、CSS3に関する知識や記事をたくさん読んできましたが、CSS3はとても便利に使えると思います。...
目次1. docker環境が正常かどうかを確認する2. miniIOイメージをダウンロードする3. ...