一个关于乱码的问题

各位英雄，点击查看留言的链接时，打开的页面是乱码？怎么处理呢？
（把这个代码复制粘贴可以直接运行的）<!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" />
<title>留言</title>
<script language="javascript">
function  ChkFields(){
if(document.form1.xingming.value==""){
alert("姓名不能为空");
form1.xingming.focus();
return false;
}
}</script>
</head><body>
<?php
if($_POST[tijiao]=="发表留言"){
$xingming=$_POST[xingming];
$zhuti=$_POST[zhuti];
$liuyanneirong=$_POST[liuyanneirong];
$line1="留言人：".$xingming."<br>";
$filename="liuyan.html";
if(!$handle=fopen($filename,"a")){   //以追加的模式打开文件
echo "不能打开文件".$filename;
exit;
}

if(!fwrite($handle,$line1)){
echo "写入文件时出错";
exit;
}

echo "success!";
fclose($handle);
}?><form action="" method="post" name="form1" onsubmit="return ChkFields()">
<li>姓名<input type="text" name="xingming" /></li>
<li>主题<input type="text" name="zhuti" /></li>
<li>留言内容<textarea cols="60" rows="6" name="liuyanneirong"></textarea></li>
<li><input type="submit" name="tijiao" value="发表留言" /><a  href="liuyan.html">查看留言</a></li>
</form>
</body>
</html>