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

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

Safariで文字化けするHTML

はじめてのHTML見出し

解決方法

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

はじめてのHTML見出し

修正後

動作確認環境

• Safari 11.1.2
• macOS 10.13.6

おわりに

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

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

Web開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！中村 祐太 Yuta Nakamura, Proglus （プログラス）MySQL/Bootstrap/Node.js/Git/GitHub等ウェブ開発に必要な様々なスキルを沢山学ぼう！カフェのウェブサイト、フォトギャラリー、ポートフォリオサイト、天気情報アプリ等の開発に挑戦！¥27,800 4.5 (7746 ratings)356 lectures, 22 hours

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する