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フィルターにはどんな魔法の用途があるか

推薦する

Nginxを再コンパイルしてモジュールを追加する方法

Nginx をコンパイルしてインストールするときに、http_ssl_module などの一部のモジ...

JavaScriptはスタック構造の詳細なプロセスを実装する

目次1. スタック構造を理解する2. スタック構造のカプセル化3. 10進数を2進数に変換する1. ...

Linuxのファイル権限の詳細な紹介

Linux の優れた点は、マルチユーザー、マルチタスク システムにあります。 Linux では通常、...

CSS を使用して三角形を実装する一般的な手法 (複数の方法)

面接の経験によっては、CSS に関する質問がよく見られ、CSS を使用して三角形を描画する方法につい...

MySQL の隠し列の詳細表示

目次1. 主キーが存在する2. 主キーはないが、一意のインデックスが存在する3. 共同主キーまたは共...

Mysql インデックスと Redis ジャンプテーブルについての簡単な説明

まとめインタビュー中、MySQL インデックスの問題について議論しているときに、B+ ツリー、B ツ...

jQueryはフェードインとフェードアウト効果を実現します

jQuery を使用してフェードインとフェードアウト効果を完成させる前に、まずいくつかのコードを理解...

Lvs+Nginx クラスターを使用して高並列アーキテクチャを構築する例

目次1. Lvsの紹介2. Lvs負荷分散モード2.1 NAT 2.2 ターン2.3 DRモード3....

MySQL 8.0.11 MacOS 10.13 のインストールと設定方法のグラフィックチュートリアル

MacにMySQLデータベースをインストールし、環境変数を設定する手順を参考までに記録します。具体的...

Reactソースコードにおけるビット演算について詳しく説明します

目次序文いくつかの一般的なビット操作ビットAND (&)ビットOR (|)ビット否定(~)マ...

Dockerコンテナのエクスポートとインポートの例

目次DockerコンテナのエクスポートDockerコンテナのインポ​​ートこの記事では主に、コンテナ...

HTML テーブルタグチュートリアル (32): セルの水平方向の配置属性 ALIGN

水平方向では、セルの配置を左、中央、右に設定できます。基本的な構文<TD ALIGN=&quo...

Alibaba Cloud Ubuntu 16.04 が IPSec サービスを構築

IPSec の概要IPSec (インターネット プロトコル セキュリティ): ネットワーク層と適用さ...

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

この記事では、Linux MySQL 8.0.18のインストールと設定のグラフィックチュートリアルを...

Dockerコンテナを更新、パッケージ化、Alibaba Cloudにアップロードする方法

今回は、実行中のコンテナをイメージにパッケージ化して Alibaba Cloud にアップロードし、...