目指せ、Webデザイナー!

今回は、「メッセージ性」とは関係ない………

全体表示

[ リスト ]

文字化けの原因と回避方法

テキストより引用〜
Webの文字化けには、必ず原因があります。文字化けの仕組みを知って対策方法を身につけましょう。

Webでは、リロードすれば大抵直り、CGIやデータベースを使用しているサイトでは、なかなか直らないそうです。

文字化けの多くは、文字コードを変換し損ねた場合に起こります。


文字コード

HTMLでは、HEAD内にMETAタグで宣言をして文字コードを指定します。
ここで文字コードの指定をしなかった場合、TITLEの部分の日本語が文字化けすることもあります。

日本語の文字コードは、シフトJISのほかに、JISやEUC(Cxtensive Unix Code)等があります。

JISコードは、インターネットメールなどに使われます。
シフトJISは、Windows98やMac OS 9等のパソコンで使用されています。
EUCは略語の通り、Unixの日本語環境で使用されます。

インターネットで使用される文字コードは、IANA(Internet Assigned Numbers Authority)という団体が管理をしています。
ここで登録されていない文字コードは使用しないほうが良いでしょう。


外国語Webページを作るときに

「日本語のWebページ作成時には、シフトJISをしておくと良い」と有ります。
JISだろうが、EUCだろうが、勝手に判断してくれますので問題はありません。

問題なのは外国語のページを作成するときです。
この際は、きちんとMETAタグで宣言をする必要があります。
これを忘れると、海外のユーザに文字化けのページを公開(後悔?)することになります。

理由は簡単です。
(英語などの場合)全角文字に対応していないからです。
もし、全角の文字やスペースが残ったままになっていると対応していないブラウザでは文字化けして表示されてしまいます。

英語のページを作る際には、Latin-1(ISO-8859-1)を指定して、欧文フォント表示のチェックをしておきましょう。


機種依存文字

例え同じ文字コードを使っていようと、文字化けすることがあります。
原因は、「製作者が使っている機種にしか入っていない文字」を使っているからです。つまり、「機種依存文字」と言うことです。

例としてあげると、丸数字(数字を丸で囲んだもの)や、ローマ数字です。
Web上でも結構使うことがあるので、注意が必要です。


半角カタカナ

携帯電話のメールでは良く使われる半角カタカナ。使うのは、ケータイだけにしましょう。
JISコードには半角カタカナがありません。文字化けになります。
また、ソフトによっては検索できなかったり、禁則処理が適用されなかったりします。

HTML4.01で記述すれば、半角カタカナを使用しても特にトラブルはないそうです。
でも、それだけきっちりと書ける人がそんなものを使うかと考えると………

「美乳」と「雀の往来」

データベースやCGIを使う場合にはEUCで書いたほうがベターです。
なぜなら、シフトJISの場合はエスケープ・シーケンスが入ってしまうからです。

EUCのHTMLファイルで、文字化けを防ぐのに良い方法があります。
HEADの中(の上部)に、<!--美乳-->や、<!--雀の往来-->と書いておくだけです。

「冗談でしょ?」と思った貴方。ウソではありません。
テキストによれば、
「これらの文字はEUC独自の文字コード範囲が割り当てられているため、この文字が記述してあれば、ブラウザはメタタグでの指定に頼ることなく、そのHTMLファイルの文字コードはEUCだと認識して文字化けを回避できる」
とのこです。 まぁ、おまじないだと思っても変わらないでしょう。

他にも、「龠」や「京」でも同じ効果があるそうです。
Yahoo!のソースを見てみると、確かに「京」と書いてあります。

テキストには余談として書いてありますが、
「この方法を考えた人が、幾つかの文字候補の中から、面白がって覚えやすいものを選んだのだと思います」
だそうです。
「文字コードを扱うプログラマーの中では有名な話なので、興味のある人は検索してみるといいでしょう」
とあります。 暇な人、興味のある人は検索してみると面白いかもしれません。


フォント指定による文字化け

日本語の文章を表示するのに、欧文フォントを指定しまうと文字化けをすることがあります。
もっとも、ブラウザやOSのバージョンによりけりと言うことなので、まぁ大丈夫だとは思いますが…用心するのに越したことはありません。

基本は、日本語なら日本語のフォント、欧文なら欧文のフォントときちんと指定することです。

閉じる コメント(5)

顔アイコン

美乳」と「雀の往来」とか「京」とかを入れる?! へぇ〜っ!面白いですね。 私のサイトでは関係なさそうですが、でもそういう手もあるんですね。 しかしサイト作りって難しいと思います。私の場合、改行位置がキレイに揃ってないと嫌なので table サイズに合わせて改行してあるページが殆んど。若干はフォント違いに配慮して右側に スペースを設けているもmacではダメみたいで苦しいです。 あと、標準ブラウザに対応するタグを勉強中ですが、情報が分散しているのでナカナカ;;

2005/7/25(月) 午後 9:23 刑事

顔アイコン

最近俺の彼女がやたらとフ ェ ラうまいと思ってたらこんな事やってやがったw

http://mottiri.subekarazu.com/cCtofD2/

しかも俺もコレをやってるという事実w カオスすぎるwwwwwww
そして今日もコレで稼ぎに行く俺ってどうよwww

2009/4/17(金) 午前 7:52 [ 竹田君 ]

顔アイコン

ここ使い出してまだ半年だけど、余裕で道具テク極めたぉ(`・ω・´)

http://mattari.churappa.com/cY47ss7/

いまや5分もあれば簡単に潮 吹かせられるレベルに到達(・∀・)!
おかげでセレブのお姉様から声かかりまくるようになったよww
セレブうめえぇえぇぇwwwwww

2009/4/18(土) 午後 6:09 [ 桃次郎 ]

顔アイコン

優子ちゃんたら急に人気無い所で車を停めて
凄い勢いでズボン脱がしてきて、その後大変でしたよ。。。

2010/2/10(水) 午後 5:18 [ 短小ち○こに興奮しすぎ(ワラ ]

顔アイコン

春に就職できなかったけど、ここに永久就職しちまおっかな?(笑)
昨日もチュッチュしてただけなのに、5万も頂いちゃった件www
こうなりゃこのまま100万ぐらい荒稼ぎしてやるぜぃ!!\(゚∀゚\)

2010/5/3(月) 午後 9:59 [ すげぇ内定もらったwww ]


.
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

過去の記事一覧

標準グループ

登録されていません

たー
たー
男性 / A型
人気度
Yahoo!ブログヘルプ - ブログ人気度について

Yahoo!からのお知らせ

よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト≪さとふる≫
実質2000円で好きなお礼品を選べる
毎日人気ランキング更新中!
数量限定!イオンおまとめ企画
「無料お試しクーポン」か
「値引きクーポン」が必ず当たる!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事