HTMLページの文字セットを指定する2つの方法

HTMLページの文字セットを指定する2つの方法

1. HTMLページの文字セットを指定する2つの方法

方法1:

<メタ文字セット="utf-8">

方法2:

<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8">

上記は、ページの文字セットを UTF-8 に設定する (ページ文字セットの設定) 2 つの方法です。目的は、ブラウザに HTML ファイルの文字セットを伝えることです。

2. ページで使用する文字セットを設定する2つの方法

1 つ目は、サーバーが応答コンテンツの文字セットを指定することです。

レスポンス.setCharacterEncoding("utf-8")

前提条件: サーバーは、サーバーを介して指定されたインターフェースに転送またはリダイレクトします。

2 番目のタイプ: ページは文字セットを指定します。

1を参照

注: 最初の方法は 2 番目の方法よりも優先されます。

3. サーバー転送

このページでは文字セットがすでに設定されています

何が起こっているのでしょうか、なぜ機能しないのでしょうか?

原因分析

サーバー経由でページジャンプ要求(転送)を完了する

返却時に返却するデータの文字セットは指定されません。

f12 はネットワークをキャプチャし、対応するページの文字セットを iso-8859-1 として取得するため、ブラウザがページを解析すると文字化けした文字が表示されます。

解決

転送する場合は、返されるデータの文字セットを utf-8 として指定する必要があります。

レスポンス.setCharacterEncoding("utf-8");

サーバーリダイレクト

返されるデータのエンコーディング セットを指定せずにリダイレクトすると、ページはどうなりますか?

文字セットはページによって決定されます。つまり、ページの文字セットは、ページ内の文字セットの宣言によって決定されます。

たとえば、このページでは文字セット iso-8859-1 を指定しています。

ブラウザも iso-8859-1 に従って解析します。

さらに、リダイレクト設定がデータのエンコーディング セットを返す場合でも、リダイレクトによってデータが失われるため無効になります。

5. まとめ

ページがサーバーによって転送される場合、ページの文字セットは転送によって決定されます。それ以外の場合、リダイレクトされたインターフェイスまたは通常のインターフェイスの文字セットは、HTML ページ自体で宣言された文字セットによって決定されます。

注: 今日お話ししているのは、ページ文字セットの問題であり、純粋なデータ操作中に表示される文字化けした文字とは異なります。

また、HTTP レスポンス ヘッダーとメタの両方に文字セットが指定されている場合は、競合が発生し、http レスポンスの文字セットが有効になります。

以上がHTMLでページ文字セットを指定する2つの方法の詳細です。HTMLでページ文字セットを指定する方法の詳細については、123WORDPRESS.COMの他の関連記事に注目してください。

<<:  CSS 背景と境界タグの例の詳細な説明

>>:  CSSフィルターにはどんな魔法の用途があるか

推薦する

Linux でファイルの種類を理解して識別する方法

序文ご存知のとおり、Linux ではハードディスクやグラフィック カードなどすべてがファイルです。 ...

ウェブアニメーションのフレームレートFPSを計算する方法

目次スムーズなアニメーションの基準方法1: Chromeデベロッパーツールを使用する方法 2: フレ...

Linux Dig コマンドの使用法

発掘紹介: Dig は、Unix ライクなコマンドライン モードで NS レコード、A レコード、M...

Dockerを使用してSpring Bootプロジェクトをデプロイする手順

目次シンプルなSpringbootプロジェクトを作成する1. pom.xmlでSpring Boot...

Windows 10 での Tomcat のインストールと展開に関する詳細なチュートリアル

目次1 Java環境の設定2 tomcatのインストールと展開Tomcat をインストールして展開す...

MySQL はパスワード強度の検証をオフにします

パスワード強度検証について: [root@mysql mysql]# mysql -uroot -p...

HTML ページの先頭に戻るいくつかの実装の概要

最近、ウェブサイトを開発する際にトップに戻るボタンを作成する必要がありますが、私は主にバックエンドの...

HTML CSS JS はタブページのサンプルコードを実装します

コードをコピーコードは次のとおりです。 <html xmlns="">...

bash スクリプトで ssh/scp コマンドにパスワードを渡す方法の詳細な説明

SSHPASSをインストールする最新のオペレーティング システムでは、sshpass パッケージはデ...

JavaScript の実行コンテキストとコールスタックの詳細な説明

目次1. 実行コンテキストとは何か2. 実行コンテキスト スタックとは何ですか? 3. 実行コンテキ...

1つのコマンドで、シェルの読み取りコマンドの共通パラメータを理解できます。

Shell で受信パラメータを受信する方法は 2 つあることがわかっています。 1 つはスクリプト...

Mysql の使用法の概要

導入EXISTS は、サブクエリが少なくとも 1 行のデータを返すかどうかを確認するために使用されま...

mysql トリガーの作成と使用例

目次トリガーとは何かトリガーを作成するMySQL 作成構文のキーワードの説明: 1. MySQL ト...

js におけるイベントバブリングとイベントキャプチャの簡単な分析

目次01-イベントバブリング1.1- イベントバブリングの概要1.2-イベントバブリングの利用(イベ...

CentOS で MySQL を完全にアンインストールする方法

この記事では、CentOSでのMySQLの完全アンインストールについて記録しています。具体的な内容は...