Categories: ツールの使い方

Safariで表示した時に日本語が文字化けする(HTML)

HTMLを使ってWebページを制作した時に、Safariで表示した時に日本語が文字化けする問題の解決方法について説明します。
Google Chromeで表示したときには、問題ないけれど、Safariだと日本語が文字化けするケースです。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。

Safariで文字化けするHTML

<h1>はじめてのHTML見出し</h1>

解決方法

<meta charset="utf-8">

を使って、文字エンコーディングを、明示的に指定します。

<head>
  <meta charset="utf-8">
</head>
<body>
  <h1>はじめてのHTML見出し</h1>
</body>

修正後

動作確認環境

  • Safari 11.1.2
  • macOS 10.13.6

おわりに

この記事ではSafariで日本語文字が文字化けする場合の対応方法について記載しました。

オンライン講座「Web開発入門完全攻略コース」では、HTML入門を動画を使って学習できます。
無料プレビューを1時間分用意しています。ぜひご確認ください!

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

プログラミング入門ナビ編集部