iWebのHTMLスニペットについて

Mac

ちょっと，あまり工数をかけないでwebページを作る必要があって．
何か良いものが無いものか．．．ってiWebって使った事無いなぁ〜と思って使ってみました．

ただ，どうしてもお問い合わせフォームだけは作る必要があったので，HTMLしか吐き出せないiWebではどうにもなりません．
そこで，HTMLスニペット*1という機能を用いて

<form id="frm_a" action="../main/send.php" method="POST" >
	<p>E-mail</p>
	<input type="text" class="txt" id="email" name="mail1" size="40" value=""/>

	<br>お問い合わせ内容<br>
           <textarea id="message" name="message" cols="68" rows="8"></textarea>
	<br>
       <input type="submit" class="submit" value="送信" />
</form>
</pre>

というhtmlを書いて，phpを呼び出す様にしました．


が，しかし困った事に，HTMLスニペット内に日本語を書くと文字化けがおきます*2
で，なんでだろう？って調べたら，自動生成されるhtmlファイルはUTF-8なのに，呼び出す
widget1_markup.htmlというファイル*3はshft-jisになっていました．

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title></title></head><body><div style="height:550px; width:600px;padding:5px;" >
<form id="frm_a" action="http://e-terakoya.org/lib/send.phphttp://e-terakoya.org/lib/send.php" method="POST" >
	<p>E-mail</p>
	<input type="text" class="txt" id="email" name="mail1" size="40" value=""/>

	<br>問い合せ<br>
           <textarea id="message" name="message" cols="68" rows="8"></textarea>
	<br>       <input type="submit" class="submit" value="送信" /></form></div></body></html>


そして，本体では

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

    (中略)


          <div class="com-apple-iweb-widget-HTMLRegion" id="widget1" style="height: 560px; left: 45px; position: absolute; top: 23px; width: 610px; z-index: 1; ">
            <iframe id="widget1-frame" src=".//Sample_files/widget1_markup.html" frameborder="0" style="width: 100%; height: 100%;" scrolling="no" marginheight="0" marginwidth="0" allowTransparency="true"></iframe>
          </div>

と言った形で呼び込まれる．
これじゃー化けるだろ．．．って事で．
widget1_markup.htmlの文字コードをUTF-8に変換したんだけど，やっぱりダメ．
うーんと困って苦肉の策で

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head><body><div style="height:550px; width:600px;padding:5px;" >
<form id="frm_a" action="http://e-terakoya.org/lib/send.phphttp://e-terakoya.org/lib/send.php" method="POST" >
	<p>E-mail</p>
	<input type="text" class="txt" id="email" name="mail1" size="40" value=""/>

	<br>問い合せ<br>
           <textarea id="message" name="message" cols="68" rows="8"></textarea>
	<br>       <input type="submit" class="submit" value="送信" /></form></div></body></html>


ってしてみたら，文字化けがなくなりました．
うーん，なんかしっくり来ませんねぇ〜．

*1:ちなみに，スニペットって切れ端って意味だって．

*2:Safariでは化けないんだよなぁ〜

*3:この中にHTMLスニペットの内容が記述されている．