お知らせ

  • 利用規約を守って投稿してください。また、よくある質問および投稿の手引きも参照してください。
  • メッセージの投稿にはアカウントが必要です。未登録の方は、ユーザ登録ページからアカウントを作成することができます。

ページ: 1

 

#1 2016-04-08 03:20:13

cloudspider
メンバ
登録日: 2011-08-04

vimで作成したhtmlファイルが文字化けする

ubuntu14.04を使っています
テキストエディタにvimを使ってhtmlの勉強を始めようとしたところ

<html>
本日は晴天なり
</html>

を「1.html」の名で保存し
chromiumで開いたところ

譛ｬ譌･縺ｯ譎ｴ螟ｩ縺ｪ繧�

と文字化けしてしまいました。


以下のようなサイトを見て
http://qa.atmarkit.co.jp/q/461
http://qiita.com/meio/items/08143eacd174ac0f7bd5
http://www.tooyama.org/vim-2.html


vimrcに
:set encoding=utf-8
:set fileencodings=iso-2022-jp,euc-jp,sjis,utf-8
:set fileformats=unix,dos,mac
と入れてみたのですが特に変化はありませんでした。

どこが悪いのでしょうか

オフライン

 

#2 2016-04-08 06:37:51

ry
メンバ
登録日: 2008-07-30

Re: vimで作成したhtmlファイルが文字化けする

cloudspider による投稿:

<html>
本日は晴天なり
</html>

そもそも HTML のタグの構成がおかしい。

コード:

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
  <p>本日は晴天なり</p>
</body>
</html>

このようにタグを揃えて、ヘッダー部に meta タグで content-type を指定してください。

vmrc の設定は書かない方が、後々面倒が無いと思います。

オフライン

 

#3 2016-04-08 19:16:53

cloudspider
メンバ
登録日: 2011-08-04

Re: vimで作成したhtmlファイルが文字化けする

返事ありがとうございます。
ryさんのコードをそままコピペしたところ
理想の結果が得られたのですが

僕は今htmlを始めたばかりで
http://honttoni.blog74.fc2.com/blog-entry-5.html
このサイトを見て勉強しようとしていたのですが

今後進めていく上で
この記事に沿って打ち込んだコードに

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>

を加えればいいということでしょうか

質問の趣旨が変わってしまいすいません。
よろしくお願いします。

オフライン

 

#4 2016-04-08 21:01:48

si
メンバ
From: hokkaido kitami, jp
登録日: 2007-01-15

Re: vimで作成したhtmlファイルが文字化けする

cloudspider による投稿:

返事ありがとうございます。
ryさんのコードをそままコピペしたところ
理想の結果が得られたのですが

僕は今htmlを始めたばかりで
http://honttoni.blog74.fc2.com/blog-entry-5.html
このサイトを見て勉強しようとしていたのですが

今後進めていく上で
この記事に沿って打ち込んだコードに

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>

を加えればいいということでしょうか

質問の趣旨が変わってしまいすいません。
よろしくお願いします。

html文書の基本構造は、文書に関する情報を記述する head 部 と、表示する文書本文の body 部からなります。
参照： http://web.ydu.edu.tw/~uchiyama/bsyori/008.html

オフライン

 

#5 2016-04-09 01:13:00

cloudspider
メンバ
登録日: 2011-08-04

Re: vimで作成したhtmlファイルが文字化けする

お２人様解答ありがとうございました。

先ほどのサイトを読み進めていくと載っていました。
http://honttoni.blog74.fc2.com/blog-entry-7.html

どうもありがとうございました。

オフライン

 

 

ページ: 1

Board footer

Powered by FluxBB