コードに関して問題なのですが、下記のコードをサーバーにアップしたところ一応フォームの形で出力されたのですが、文字化けと記入欄のところにタグが入ってしまいました。

どこが問題なのでしょうか?
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1,0 Transitional//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content='text/html; charset=UTF-8'
/>
<link rel="stylesheet" type='text/css' href="style,css"/ >
<title>ひとこと掲示板</title>
</head>

<body>
<div id='wrap'>
<div id='head'>
<hl>ひとこと掲示板</hl>
</div>
<div id='content'>
<form action='' method='post'>
<dl>
<dt>メッセージをどうぞ</dt>
<dd>
<textarea name='message' cola='50' rows='5'></
textarea>
</dd>
</dl>
<div>
<input type='submit' value='投稿する'/>
</div>
</form>
</div>
<div id='foot'>
<p><img scr='images/txt_copyright.png' width='136'
height='15' alt='(C) H2O Space. MYCOM' /></p>
<div>
</body>
</html>

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/10/18 11:29:01
  • 終了:2011/10/18 12:25:43

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4489ベストアンサー獲得回数18572011/10/18 11:57:03

文字化けと

meta で、charset=UTF-8 と指定してるのに、ファイルの文字コードが UTF-8 じゃない。


記入欄のところにタグが入ってしまいました。

textarea を閉じるところで、"</" と "textarea>" の間に、余計な改行が入ってる。


ほかにも、いっぱいありますが...

  • link で、href に指定してある style,css で、ピリオドのはずがカンマになっている。
  • link を閉じるところのスペースがおかしい。"/" と ">" の間に空白を入れない。
  • hl なんてタグは無い。
  • textarea で、桁数の属性が間違ってる。×:cola、○:cols。
  • img で、画像ファイルを指定する属性が間違ってる。×:scr、○:src。
  • </body> の直前の <div> は、</div> の間違いだと思われる。
id:saikindarasine

回答有難うございます。

間違っているところがいっぱいあったんですね・・・・。

たくさんの解説有難うございます

2011/10/18 12:26:57
  • id:xnissy
    html validatorでチェックしましょう。
    http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
  • id:ken3memo
    <textarea name='message' cola='50' rows='5'></
    textarea>
    コピーミス?
    <textarea name='message' cola='50' rows='5'>
    </textarea>
    じゃないかなぁ?自信が無いのでコメントで失礼します。

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません