ホームページ ウェブフロントエンド htmlチュートリアル HTML ページにおけるメタの役割とページのキャッシュ設定と非キャッシュ設定の分析

HTML ページにおけるメタの役割とページのキャッシュ設定と非キャッシュ設定の分析

Jun 12, 2018 am 10:12 AM

この記事では、主にページのキャッシュ設定と非キャッシュ設定、および HTML ページにおけるメタの役割に関する関連情報を紹介します。必要な友達は参照してください。

HTML の HTTP プロトコル ヘッダー情報は、HTML のキャッシュ情報を制御します。ブラウザ側、中間キャッシュ サーバー側 (Squid など)、Web サーバー側を含むいくつかの場所にあるページ。この記事では、ヘッダ情報にキャッシュ制御情報を持つHTMLページ(JSP/サーブレットで生成されたHTMLページ)の中間キャッシュサーバにおけるキャッシュ状況について説明します。

HTTP プロトコルでのキャッシュに関する情報ヘッダーのキーワードには、Cache-Control (HTTP1.1)、Pragma (HTTP1.0)、last-Modified、Expires などが含まれます。

HTTP1.0 では、ページのキャッシュは Pragma によって制御されます。これは、Pragma または no-cache に設定できます。ページのキャッシュからブラウザまたは中間キャッシュ サーバーを制御する方法を説明する記事がインターネット上に多数ありますが、この値は通常、目的を達成するためにはあまり安全ではありません。ただし、ブラウザまたはキャッシュ サーバーでページをキャッシュする必要がある場合は、この値を Pragma に設定する必要があります。

Cache-Control は、ページをキャッシュするかどうかを制御するために HTTP1.1 で有効になっています。一般的に使用されるパラメータは次のとおりです。 • no-cache、ブラウザもキャッシュ サーバーもページ情報をキャッシュすべきではありません。パブリックの場合、ブラウザとキャッシュ サーバーの両方がページ情報をキャッシュできます。

• ストアなし、リクエスト情報も応答情報も互いのディスク システムに保存する必要はありません。

• クライアントに対して再検証する必要があります。キャッシュが古いかどうかをサーバーで確認する必要があります。

Last-Modified は、GMT 形式でのページの最終生成時刻のみです。

Expires は、この時点以降のブラウザーまたはキャッシュ サーバーを指します。新しいページ情報は実サーバーから取得する必要があります。

上記の 2 つの値は、JSP の文字 GMT 形式で設定されます。これは、long 型が設定されている場合にのみ有効になります。以下はテスト例です:

package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ServletA extends HttpServlet {
@Override
public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
//servlet页面默认是不缓存的
//本页面允许在浏览器端或缓存服务器中缓存,时限为秒。
//秒之内重新进入该页面的话不会进入该servlet的
java.util.Date date = new java.util.Date(); 
response.setDateHeader("Last-Modified",date.getTime()); //Last-Modified:页面的最后生成时间 
response.setDateHeader("Expires",date.getTime()+); //Expires:过时期限值 
response.setHeader("Cache-Control", "public"); //Cache-Control来控制页面的缓存与否,public:浏览器和缓存服务器都可以缓存页面信息;
response.setHeader("Pragma", "Pragma"); //Pragma:设置页面是否缓存,为Pragma则缓存,no-cache则不缓存
//不允许浏览器端或缓存服务器缓存当前页面信息。
/*response.setHeader( "Pragma", "no-cache" ); 
response.setDateHeader("Expires", ); 
response.addHeader( "Cache-Control", "no-cache" );//浏览器和缓存服务器都不应该缓存页面信息
response.addHeader( "Cache-Control", "no-store" );//请求和响应的信息都不应该被存储在对方的磁盘系统中; 
response.addHeader( "Cache-Control", "must-revalidate" );*///于客户机的每次请求,代理服务器必须想服务器验证缓存是否过时;
System.out.println("进入了servlet");
response.getWriter().write("欢迎光临我的主页");
}
}
ログイン後にコピー

HTML ページでキャッシュを設定しない場合は、次のステートメントを タグに追加します:



添付ファイル: HTML ページのメタの役割

メタは、HTML ドキュメントの応答ヘッダー メッセージで HTTP プロトコルをシミュレートするために使用されます。メタ タグは Web ページの および で使用されます。メタには、name と http-equiv の 2 つの属性があります。 name 属性は主に、コンテンツ (Web ページのコンテンツ) に対応する Web ページを説明するために使用され、検索エンジンのロボットがそれらを検索して分類できるようにします (現在、ほとんどすべての検索エンジンはオンライン ロボットを使用して、分類するメタ値を自動的に見つけます)ウェブページ)。このうち最も重要なのはディスクリプション(検索エンジン上のサイトの説明)とキーワード(分類キーワード)であるため、各ページにメタ値を追加する必要があります。より一般的に使用されるものは次のとおりです。 name 属性

1. 生成ツール (Microsoft FrontPage 4.0 など) などを記述するために使用されます。

2. ウェブページのキーワードを検索エンジンに伝えます

3. 検索エンジンにメインのキーワードを伝えます。サイトの目的

4. サイトの作成者を検索エンジンに伝えます

5.

属性の説明は次のとおりです:

all に設定すると、ファイルが取得され、ページ上のリンクをクエリできます;

設定none: ファイルは取得されず、ページ上のリンクはクエリできません。

インデックスに設定: ファイルが取得されます。

に設定: ページ上のリンクをクエリできます。 noindex に設定すると、ファイルは取得されませんが、ページ上のリンクは照会できます。

nofollow に設定すると、ファイルは取得されませんが、ページ上のリンクは照会できます。

http-equiv属性

1. および ホームページの作成に使用されるテキストと言語を説明するために使用されます

別の例では、英語は ISO-8859-1 文字セットであり、BIG5、utf-8、shift-Jis、Euc、Koi8- もあります。 2 およびその他の文字セット

2. 内のページ http://yourlink にジャンプするようにスケジュールします。指定された時間 n;

3. を使用して、Web ページの有効期限を設定できます。有効期限が切れた場合は、サーバー上で再度呼び出す必要があります。

4. を使用する必要があることに注意してください。ブラウザがローカル マシンのキャッシュにアクセスできないようにするため、設定後に Web ページを離れると、キャッシュからコンテンツを取得できなくなります。 "Mon,12 May 2001 00:20:00 GMT"> ; Cookie 設定、Web ページの有効期限が切れると、保存された Cookie は GMT 時間形式を使用する必要があることに注意してください。 meta http-equiv="Pics-label" contact="">Web ページ レベルの評価では、IE のインターネット オプションに一部の制限付き Web サイトの閲覧を禁止できるコンテンツ設定があり、Web サイトの制限レベルはmeta 属性;

7. ページを現在のウィンドウに独立したページとして強制的に表示すると、Web ページがフレームとして呼び出されなくなる可能性があります。他のユーザーによるページ

8. 入口ページと出口ページの設定 この機能は、FrontPage の「フォーマット/Web ページ遷移」ですが、追加されるページはフレーム ページではありません。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

HTMLのaタグにおけるhrefとonclickの使用法と優先順位の違い

HTMLでのRequirejsを使用したモジュール開発の分析

以上がHTML ページにおけるメタの役割とページのキャッシュ設定と非キャッシュ設定の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

See all articles