Ubuntu日本語フォーラム

e-fujii · 2025-10-17 19:01:20

ubuntu 24.04 搭載の Text Editor で html ファイルを編集したところ、HP が文字化けしました。何か設定など必要ですか？Windows の Tera Pad で開いたら、一見、問題なく開けました。

si · 2025-10-17 20:04:37

e-fujii による投稿:
ubuntu 24.04 搭載の Text Editor で html ファイルを編集したところ、HP が文字化けしました。何か設定など必要ですか？Windows の Tera Pad で開いたら、一見、問題なく開けました。

HTMLで文字エンコーディングを指定してください
参照： https://qiita.com/syamobariyuta/items/023d286ca8502231a452

最近の Linux とか Web では、UTF-8 が標準となっています。
Tera Pad等の MS-Windows エディタも、対応しています

e-fujii · 2025-10-18 12:10:39

si様
早速、回答を頂きありがとうございました。
残念ながら、教えて頂いた方法ではうまくいきませんでした。
また、html ファイルを Text Editor で開き、何もしないで保存するだけでも文字化けすることが分かりました。ファイルの内容では無く、処理の問題のように思われます。なお、元の html ファイルは Windows 11で Tera Pad で作ったもので、HP は正常に表示されています。
また、何か分かりましたらよろしくお願いします。

si · 2025-10-18 13:24:58

e-fujii による投稿:
si様
早速、回答を頂きありがとうございました。
残念ながら、教えて頂いた方法ではうまくいきませんでした。
また、html ファイルを Text Editor で開き、何もしないで保存するだけでも文字化けすることが分かりました。ファイルの内容では無く、処理の問題のように思われます。なお、元の html ファイルは Windows 11で Tera Pad で作ったもので、HP は正常に表示されています。
また、何か分かりましたらよろしくお願いします。

Windows 11で Tera Pad で作った、元の html ファイルの文字コードは、Shift-JIS（CP932）ですか UTF-8 ですか？
Win11のデフォルトが何なのかはわかりませんが、Tera Pad で、ファイル保存時に文字コード指定できると思います
（Ubuntuのエディタも同様、指定できます）
また、その html ファイルでは、lang指定、charset 指定はしてますか？
この指定と、実際の文字コードが一致していないといけません
テキストファイルでは、文字コード以外にも、行末コードの違いも意識しなければいけません
（これもTera Pad で指定できたと思います）
MS-Win : CRLF
Linux(*nix系)： LF
Mac: CR （昔はこれだったけど、今はUnix系なので？）

CR キャリッジリターン、 LF ラインフィード

si · 2025-10-18 15:19:15

追記
Linux ファイルの文字コード確認・変換
https://qiita.com/H_Neco/items/48fa2eaaa0d9af2e45fe

e-fujii · 2025-10-18 17:15:41

si様
再度、回答を頂きありがとうございます。
元のファイルが
<!DOCTYPE html>
<html>
<head>
<meta charset="Shift_JIS">
に、なっていました。
いろいろ試してみた結果、この内最後の行　
<meta charset="Shift_JIS">
を削除したところ、 Text Editor で保存しても文字化けはしなくなりました。
理屈は解りませんが、とりあえずこれで進めて見たいと思います。
ありがとうございました。

e-fujii · 2025-10-19 10:16:38

si様
追伸です。
metaタグをUTF-8にしたらOKになりました。
前回はUTF-8にしても駄目だったような気がして、まだ「？？」ですが、一応OKという事にします。
いろいろ有難うございました。

e-fujii · 2025-11-19 18:28:34

si様
不勉強のため、メタタグと文字コードについて正しく理解していませんでした。そのため、的外れの返事を差し上げてしまい、申し訳ありませんでした。最近、少しづつ解ってきましたので、WindwsとUbuntuで同じ文字コード(UTF-8)で編集出来るように設定することが出来、すっきりしました。
いろいろありがとうございました。

vigossjam · 2025-11-21 19:14:51

Ubuntu の Text Editor は保存時に文字コードを UTF-8 に指定すると文字化けを防げるかもしれません Windows のファイルは Shift-JIS の場合が多いので変換が必要です

Ubuntu日本語フォーラム

お知らせ

#1 2025-10-17 19:01:20

Text Editor でhtmlファイルを編集→HPが文字化け。

#2 2025-10-17 20:04:37

Re: Text Editor でhtmlファイルを編集→HPが文字化け。

e-fujii による投稿:

#3 2025-10-18 12:10:39

Re: Text Editor でhtmlファイルを編集→HPが文字化け。

#4 2025-10-18 13:24:58

Re: Text Editor でhtmlファイルを編集→HPが文字化け。

e-fujii による投稿:

#5 2025-10-18 15:19:15

Re: Text Editor でhtmlファイルを編集→HPが文字化け。

#6 2025-10-18 17:15:41

Re: Text Editor でhtmlファイルを編集→HPが文字化け。

#7 2025-10-19 10:16:38

Re: Text Editor でhtmlファイルを編集→HPが文字化け。

#8 2025-11-19 18:28:34

Re: Text Editor でhtmlファイルを編集→HPが文字化け。

#9 2025-11-21 19:14:51

Re: Text Editor でhtmlファイルを編集→HPが文字化け。

Board footer