コードに関して問題なのですが、下記のコードをサーバーにアップしたところ一応フォームの形で出力されたのですが、文字化けと記入欄のところにタグが入ってしまいました。
どこが問題なのでしょうか?
<!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>
文字化けと
meta で、charset=UTF-8 と指定してるのに、ファイルの文字コードが UTF-8 じゃない。
記入欄のところにタグが入ってしまいました。
textarea を閉じるところで、"</" と "textarea>" の間に、余計な改行が入ってる。
ほかにも、いっぱいありますが...
- link で、href に指定してある style,css で、ピリオドのはずがカンマになっている。
- link を閉じるところのスペースがおかしい。"/" と ">" の間に空白を入れない。
- hl なんてタグは無い。
- textarea で、桁数の属性が間違ってる。×:cola、○:cols。
- img で、画像ファイルを指定する属性が間違ってる。×:scr、○:src。
- </body> の直前の <div> は、</div> の間違いだと思われる。