Notepad++で日本語文字が化ける

このQ&Aのポイント
  • Notepad++を使用していて、一度閉じて再度開くと日本語文字が化けてしまいます。この問題の解決策を教えてください。
  • Firefoxで日本語文書を表示する際にも文字が化ける問題があります。エンコードの設定などを教えてください。
  • コードの一部を修正して日本語に対応させたのですが、これだけの修正は不十分なのでしょうか?解決方法を教えてください。
回答を見る
  • ベストアンサー

Notepad++で日本語文字が化ける。

HTML技術者の皆さんこんにちは。 質問をさせてください。 ある社員がドリームウィーバーで作成したホームページを私が日本語に翻訳 することになりました。私のやり方としては、ページ毎に記述されてる英文を日本語で書き直そうと考えです。 (1)エディターとしてNotepad++を使ってます。ソース中の英文を日本語に書き直すことは出来ます。  しかし、エディターを一旦閉じて再度開くと日本語部分が化けてます。原因を解決を教えてください。 (2)Firefoxで実行して見ると、やはり日本語文書は化けてました。エンコードを日本語に選択すると読める文書と読めない文書が出てきます。 下記のソースは一部分の例です。 <table cellpadding=0 cellspacing=0> <tr> <td width=369 height=28 style='vertical-align:top'><![endif]> <div v:shape="_x0000_s49727" style='padding:2.88pt 2.88pt 2.88pt 2.88pt' class=shape> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:EN; mso-ansi-language:EN'> 2010 Reviews<o:p></o:p></span></p> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:EN; mso-ansi-language:EN'><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></span></p> </div> <![if !vml]></td> </tr> </table> 以下のように書き直しました。 <table cellpadding=0 cellspacing=0> <tr> <td width=369 height=28 style='vertical-align:top'><![endif]> <div v:shape="_x0000_s49727" style='padding:2.88pt 2.88pt 2.88pt 2.88pt' class=shape> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:JP; mso-ansi-language:JP'>2010年度レビュー<o:p></o:p></span></p> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:JP; mso-ansi-language:JP'><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></span></p> </div> <![if !vml]></td> </tr> </table> これだけの修正は不十分ですか?宜しくお願いします。

  • HTML
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

単純にテキストエディタの問題です。 保存したエンコードと、HTMLで指定しているエンコードが違うだけでしょう。  ただ、どう見てもHTML・・Web標準とかけ離れた酷いソースですからそのままでは使い物になりません。  ブラウザで表示させたものをコピーして素のテキストにして、改めてきちんとマークアップしましょう。  またウェブ上にあるものならネット上の適当な翻訳サイトで翻訳してそのソースを保存して修正するほうが楽です。

jkl90012
質問者

お礼

遅れながら大変失礼しました。回答ありがとうございました。

その他の回答 (2)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

恐らく、その部分だけでなく、HTMLでのファイルや文字コードが日本語に対応していないのではないでしょうか? 更に、NO.1さんの言う通り、ワードやエクセルでの独自タグで、 貼り付け表になっているのもウェブページとしては、NGです。 あたり障りの無い方法としては、 その社員さんへは、テキスト部分だけを翻訳して、 .htmlファイルでは無いテキストデータとして渡してやれば良いかと。 (翻訳者さんがそこまで試行錯誤する事では無いはずです) あとは、その社員の仕事ですから、まず先にその社員さんとご相談を。 どうせ、ウェブ用に修正しないと今のままでは一切使い物になりませんから、今はテキストだけのデータで十分であって、余計なHTMLやファイルの修正をしても時間の無駄だという事です。 ちなみにその該当ソースは、ドリームウィーバーで生成したソースではないですから。

jkl90012
質問者

お礼

ドリームウィーバーじゃいないことが最近分かりました。MSパブリッシャーで作ったページでした。 遅れまして大変失礼ながら、回答ありがとうございました。

  • axel_eye
  • ベストアンサー率64% (145/226)
回答No.1

HTML技術者ではありません。 ちなみに、当方の環境では添付されているHMTLはFireFox(3.6.13)でNotepad++(5.8.7-6 EUC-JP対応版)で保存しましたが文字化けしません。 まずは、EUCかShift-JISで保存するのが確実ではないでしょうか。 また、language:JPとmso-ansi-language:JPのJPの部分をJAに変えてもダメでしょうか? 多くの方がJAで指定されているようです。 ちなみに、mso-ansi-languageなどがある出る場合、Wordの文書をHTMLとして吐き出しているようです。(msoと言うのがMicrosoft Officeではないかと推測している方もいます) WordですからMicrosoft固有だと思いますので、IE以外の他のブラウザでは保証されないのではないでしょうか? また、mso-ansi-languageはIEの独自拡張であるという情報もインターネットで見つかりました。 http://blog.livedoor.jp/blueskis-program/archives/65707402.html 確実な事は言えませんが、 Microsoft Officeが入っていて、EUC/Shift-JISなどで保存されていて、IEで確認すると一番可能性が高いと思います。次に、WordでHTMLに変換する前のソースをもらう事かと思います。最後に、これらが難しいようでしたら、msoなんとかと言う部分を消すと事かと思います。 ご参考までに。

jkl90012
質問者

お礼

遅れながら大変失礼しました。回答ありがとうございました。

関連するQ&A

  • IE6とFireFoxで表示が異なる。

    以下のような単純な作りのWEBサイト(一部を抜粋してます)なのですがIE6とFireFoxでは表示位置が異なり、IE6に合わせるとFireFoxで表示されず、FireFoxで合わせるとIE6に表示されなくなってしまいます。 <DIV>の指定などが間違っているのでしょうか? IE6とFireFoxどちらも同じように表示するためにはどうしたらよいでしょうか? <TABLE border="0" STYLE="position:absolute;left:0;top:0;width:778;height:790;" cellpadding="0" cellspacing="0" > <TBODY> <TR> <TD valign="top" align="center" > <DIV CLASS="F12" STYLE="position:absolute;left:140;top:13;width:110;height:27;"> <P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'MS ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=2>会社</FONT></SPAN></B></SPAN>&nbsp;</P> </DIV> <DIV CLASS="F12" STYLE="position:absolute;left:235;top:15;width:157;height:27;"> <SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'MS ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=3> <P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 105.4pt; mso-text-fit-id: -1204068352"><B style="mso-bidi-font-weight: normal"><SPAN style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; LETTER-SPACING: 2.1pt; mso-font-kerning: 0pt; mso-hansi-font-family: 'MS ゴシック'">サンプル</SPAN></B></SPAN><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; mso-hansi-font-family: 'MS ゴシック'"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></SPAN></B></P></FONT></SPAN></B></SPAN> </DIV> </TD> </TR> </TBODY> </TABLE>

    • ベストアンサー
    • HTML
  • target="_blank"

    下記の記述は「test1.html」に飛ぶソースです。 test1.htmlを開く際に「別ウィンドウ」で開きたい為、「target="_blank"」を入れたいのですが、どこに入れれば良いのでしょうか? <div v:shape="_x0000_s3165" class=O onclick="parent.location.href='../test1.htm';window.event.cancelBubble=true;" style='cursor:hand;position:absolute;top:22.89%;left:29.78%;width:7.4%; height:3.61%'> <div style='mso-line-spacing:"100 50 0";mso-char-wrap:1;mso-kinsoku-overflow: 1;position:absolute;top:0%;left:0%;width:100.0%;height:100.0%'><span lang=JA style='font-family:"MS Pゴシック";mso-fareast-font-family:"MS Pゴシック";mso-fareast-hint: yes;mso-ansi-language:EN-US'>リンク</span><span lang=JA style='font-family:"MS Pゴシック"; mso-fareast-font-family:"MS Pゴシック";mso-ansi-language:EN-US;mso-special-format: lastCR;display:none'> </span></div> </div> よろしくお願いします。

    • ベストアンサー
    • HTML
  • 別ウィンドウ

    XPを使っておりIE6又は7を使っております。 パワーポイント2003/2007で作ったファイルをhtml保存をして、そのソースを開いて「target="_blank"」を入れたいと思いますが、どこに入れれば良いかわかりません。 あるテキストボックスをクリックすると、「test1.htm」が別ウィンドウで開くようにしたいです。 リンク先が書かれているの2箇所あるので、2箇所コピペします。 1箇所目 <p:shaperange href="s0003.xml#Line_x0020_92"/><![if !vml]><map name="map_s22"><area href="../test1.htm" target="_parent" onclick="window.event.cancelBubble=true;" shape=rect coords="0, 70, 22, 93"></map><![endif]><![if !vml]><img border=0 v:shapes="Line_x0020_92,Text_x0020_Box_x0020_95" src=img007.gif usemap="#map_s22" style='position:absolute;top:44.57%;left:19.31%;width:6.31%; height:22.65%'><![endif]> 2箇所目 <div v:shape="Text_x0020_Box_x0020_95" onclick="parent.location.href='../test1.htm';window.event.cancelBubble=true;" style='cursor:hand;position:absolute;top:62.89%;left:20.39%;width:2.16%; height:3.61%'> <div class=O1 style='mso-margin-left-alt:468'></div> <div class=O2 style='mso-margin-left-alt:720'></div> <div class=O3 style='mso-margin-left-alt:1008'></div> <div class=O4 style='mso-margin-left-alt:1296'></div> <div class=O style='text-align:center;mso-line-spacing:"100 50 0";mso-char-wrap: 1;mso-kinsoku-overflow:1;position:absolute;top:0%;left:0%;width:100.0%; height:100.0%'><span lang=JA style='font-family:"MS Pゴシック";mso-fareast-font-family: "MS Pゴシック";color:lime;mso-ansi-language:EN-US'>2</span></div> </div> よろしくお願いします。

  • パソコンから携帯にメールしたら変なアルファベッドが

    パソコンから30人くらいの携帯に一斉にメールしたときに以下のアルファベッドが本文中の最初に記載されて送信されているらしいです。らしいですというのは本文にそのような記載はないからです。この奇妙なアルファべッドがつかないようにするにはどうしたらよいのでしょうか? @font-face { font-family: Wingdings; } @font-face { font-family: MS 明朝; } @font-face { font-family: MS ゴシック; } @font-face { font-family: Century; } @font-face { font-family: @MS ゴシック; } @font-face { font-family: @MS 明朝; } @page Section1 {size: 595.3pt 841.9pt; margin: 99.25pt 30.0mm 30.0mm 30.0mm; layout-grid: 18.0pt; } P.MsoNormal { TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; MARGIN: 0mm 0mm 0pt; FONT-FAMILY: Century; FONT-SIZE: 10.5pt } LI.MsoNormal { TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; MARGIN: 0mm 0mm 0pt; FONT-FAMILY: Century; FONT-SIZE: 10.5pt } DIV.MsoNormal { TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; MARGIN: 0mm 0mm 0pt; FONT-FAMILY: Century; FONT-SIZE: 10.5pt } A:link { COLOR: blue; TEXT-DECORATION: underline } SPAN.MsoHyperlink { COLOR: blue; TEXT-DECORATION: underline } A:visited { COLOR: purple; TEXT-DECORATION: underline } SPAN.MsoHyperlinkFollowed { COLOR: purple; TEXT-DECORATION: underline } SPAN.EmailStyle17 { FONT-FAMILY: Arial; COLOR: windowtext; mso-style-type: personal-compose } DIV.Section1 { page: Section1 } OL { MARGIN-BOTTOM: 0mm } UL { MARGIN-BOTTOM: 0mm }

  • htmlの記述。「右揃え」出来ません(困ってます)

    こんばんは。質問の通り、右揃えになりません。 タグ打ちで、制作中。初心者です。 =-=-=-=-=-=-=-=-=-=-=-=-=-= <html> <head> <title>~</title> <style type="text/css"> span.c { text-align: right; } </style> </head> <body><center> … <span class="c"><a href="toppage.html">■ to top-page ■</a></span> </center></body> </html> =-=-=-=-=-=-=-=-=-=-=-=-=-= ■ to toppage ■を右揃えにしたいです。 <span class=""></span>で部分を指定して、 <style type="text/css">span.c { text-align: right; }</style>で条件を指定したのですが、左揃え(条件指定が出来ていない状態)にしかなりません。 <center></center>がダメなのか?っと思い、<center></center>を除いてみましたが、ダメでした。 <span class=""></span>でうまく部分指定が出来ていないのかと思い、<style type="text/css">span.c { text-align: right; }</style>の{}内に、フォントサイズの指定をすると、サイズ変化しました。 私的には、{ text-align: right; }が違うのかな?っと思っているのですが、分かりません。 どこが間違っているのでしょうか?? というか、右揃えの仕方を教えて下さい。どんな方法でもいいです。

  • スタイルシートでのセンタリングについて。

    スタイルシートでセンタリングをしたいのですが、できなくて困っています。 以下のような場合に、センタリングをしようと思い「text-align:center;」を追加しましたがセンタリングされません。 どうしたらセンタリングできるでしょうか? ソース ------------------------------------ <html> <head> <title></title> <style type="text/css"> <!-- .test{ font-size: 10pt; font-family: MS 明朝; margin: 1px; padding: 1% 10%; border: outset 1px #EEDDFF; } --> </style> </head> <body> <span class=test>○○○○○</span> </body> </html>

    • ベストアンサー
    • HTML
  • リンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいので

    リンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいのですがどうすればよいでしょうか?特に「はいそうです。」と「いいえ、違います」のリンク文字の間にスペースをキーボードから打ち込もうとすると、リンクの下線が伸びてしまうのですが・・・。文字の下のリンクの下線は残したまま、スペースの時に下線が伸びないようにするにはどうすればよいでしょうか? <style type="text/css"> <!-- .style1 { font-size: x-large; font-weight: bold; } --> </style> </head> <body> <p class="style1"><img src="../image/web_013.gif" alt="引越元も引越先も1階かつ目の前でこちらが用意した台車は使用可能ですか?" width="400" height="77" /></p> <div align="justify"> <a href="link3.html"><span class="style1">1.はいそうです。 </span></a> <a href="link0.html"><span class="style1"> 2.いいえ、違います。</span></a><br /> </div> <p><span class="style1">   <img src="../image/web_024.gif" alt="引越元と引越先" width="300" height="357" /></span> <a href="link1.html"></a></p> <a href="link1.html"> <p align="left" class="style1"><input type="button" value="前へ戻る" onclick="window.history.back()" /> </p> </a> <a href="../index.html"> <p align="center">トップページへ戻る</p> </a> <p class="style1">&nbsp;</p> </body> </html>

    • ベストアンサー
    • HTML
  • がん患者インターネット大集会のリンクバナーを私のブログにつけたい

    「第3回がん患者大集会のHP」に  http://www.daishukai.net/2007/main.html 本サイトのリンクバナーがありましたが、これを私のブログにも付けたいと考えています。  Wordに読み込むとどうやら下記の部分が該当部分のようなのですが、どうやれば、いいのでしょうか。 --------------------- <td style='border:none;border-bottom:dashed #CCCCCC 1.0pt;mso-border-bottom-alt: dashed #CCCCCC .75pt;padding:3.75pt 3.75pt 3.75pt 3.75pt'> <p class=MsoNormal><span lang=EN-US style='font-size:10.0pt;color:#444444'>2007</span><span style='font-size:10.0pt;color:#444444'>年<span lang=EN-US>5</span>月<span lang=EN-US>7</span>日 <span lang=EN-US><img border=0 width=18 height=7 id="_x0000_i1044" src="http://www.daishukai.net/2007/img/new-b.gif" align=middle><br> <a href="http://service.okwave.jp/okwave/event/category/742/" target="_blank"><span lang=EN-US><span lang=EN-US>がん患者インターネット大集会</span></span></a><br> <a href="http://service.okwave.jp/okwave/event/category/742/" target="_blank"><img border=0 width=130 height=50 id="_x0000_i1045" src="http://www.daishukai.net/2007/img/banner/ban_okwave.gif" alt="がん患者インターネット大集会"></a><o:p></o:p></span></span></p> </td> ---------------------  リンクバナーをブログのサイドバーにカットアンドペーストしてもうまくいかないようです。

  • モバイルサイト 3社統一の文字サイズにするには?

    htmlの3社共有モバイルサイトを運営しています。 文字をサイズを3社基準で1段階だけ小さくしたいのですが、何か方法はあるでしょうか? 3社ともに有効タグが違うのでよくわかりません。 現在はあるサイトを参考に下記のようにしています。 ---.html--- <div style="text-align:center;" class="small"> <span style="font-size:smaller;">[<a href="test.html">小さい文字</span> </div> ------------ ---.css--- .small { font-size:12pt; } --------- しかしこれではAUでは2段階文字が小さくなってしまって困っています。 拡張子はhtmlのままで1段階づつ小さくさせる方法があれば教えてください。

  • ビルダー 不要なタグの生成を止めたい

    Dreamweaverを使用してWEBサイトを作っています。 依頼人が更新作業をしているのですが 相手はホームページビルダーを使用しています。 CSSでいろいろ指示をしているテンプレートを作り、 テキスト部分を打ち変えるだけで更新できるようにしているのですが ビルダーでテキストを打つと不必要なタグがやたらと入ります。 たまにフォント指定がバラバラだったりして、明朝とゴシックが混じったような文章になってたりします。 これは相手の操作に問題があると思うのですが(^-^; ソース画面にして、テキスト部分に直接打ち込んで下さいとお願いしているのですが どうしても見やすさから、通常の作業場面(?)でテキストを打ってしまうようです。 「表示がおかしくなったから見てくれ」と頼まれ見ると すごい指定タグの量でびっくりします。 HTMLソースの自動整形やエラー修正のチェックを外したり、 その他いろいろ困る設定は外す事ができたのですが、 このフォントタグの細かな生成には参っています。 こんな感じです↓ <span lang=EN-US style='font-size:11.0pt;color:red'></span>○○テキスト部分○○<span lang=EN-US style='font-size:11.0pt;color:red'></span><BR> <span lang=EN-US style='font-size:11.0pt;color:red'></span>○○テキスト部分2○○<span lang=EN-US style='font-size:11.0pt;color:red'></span><BR> …不要な指示がなぜ入っているのでしょう?? また、文章が終わって何もない所に↓ <span lang=EN-US style='font-size:10.0pt'></span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"MS 明朝","serif"; mso-ascii-font-family:Century;mso-hansi-font-family:Century'></span></p> <span lang=EN-US style='font-size:10.0pt'></span><span lang=EN-US style='font-size:10.0pt'></span> …と、これがたくさん残っています。(なぜでしょう??) 改行タグの前の<SPAN lang=EN-US><o:p></o:p></SPAN>も困ります。 いろいろ書いてしまいましたが、設定でこれらのタグが入らないようにする方法はないでしょうか? また、相手の操作次第(ソース画面で直接打ち込む以外)でなおる方法はあるでしょうか? よろしくお願い致します。