HTML乱码问题和header结构

有时候页面中的中文打开后变成乱码,主要是编码问题

在DOCTYPE标签后加入

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

charset对应页面的编码,不一定是utf-8,也可能是gb2312,gbk等,根据实际情况修改

HTML header结构

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<base href="http://www.w3school.com.cn/i/" />
		<base target="_blank" />
		<!-- 
			标签为页面上的所有链接规定默认地址或默认目标。
			通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
			使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 
			来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
			
			在 HTML 中,<base> 标签没有结束标签;在 XHTML 中,<base> 标签必须被正确地关闭。
			<base> 标签必须位于 head 元素内部。
			
			target可选的属性
		    _blank
		    _parent
		    _self
		    _top
		    framename
		 -->
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
		<!--设置网页的文件编码-->
		<meta http-equiv="expires" content="2005/05/05 18:00:00">
		<!--脱机浏览的过期时间-->
		<meta http-equiv="pragma" content="no-cache">
		<!--禁止网页从缓存中读取-->
		<meta http-equiv="Refresh" content="5;http://users7.nofeehost.com/luan123/">
		<!--网页重新定向-->
		<meta http-equiv="set-cookie" content="2005/05/05 18:00:00">
		<!--设置网页的cookie过期时间-->
		<meta http-equiv="Window-target" content="_top">
		<!--设置网页中链接的目标窗口-->
		<meta http-equiv="Page-Enter" content="revealTrans(duration=1000000,transition=50000000)">
		<!--设置网页的打开效果-->
		<meta http-equiv="Page-Exit" content="revealTrans(duration=1000000,transition=50000000)">
		<!--设置网页的关闭效果-->
		<meta name="keywords" content="overmind,zerg,protoss">
		<!--设置网页的关键字,搜索的时候优先!!!重要!!! 该数据被搜索引擎编入索引-->
		<meta name="description" content="哈哈哈哈哈">
		<!--插入描述 搜索时被搜索引擎编入索引-->
		<title>无标题文档</title>
		<!-- <title> 标签是 <head> 标签中唯一要求包含的东西。 -->
		<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
		<!-- 
			在 HTML 中,<link> 标签没有结束标签。
			在 XHTML 中,<link> 标签必须被正确地关闭。
			<link> 标签定义文档与外部资源的关系。
			<link> 标签最常见的用途是链接样式表
			link 元素是空元素,它仅包含属性。
			此元素只能存在于 head 部分,不过它可出现任何次数。
			标准属性
			id, class, title, style, dir, lang, xml:lang
		 -->
		<style type="text/css">
			h1 {color:red}
			p {color:blue}
		</style>
		<!-- 
			<style> 标签用于为 HTML 文档定义样式信息。
			在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。
			type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。
			style 元素位于 head 部分中。
			
			所有主流浏览器都支持 <style> 标签。
		 -->
		 
		 <script type="text/javascript">
		 	document.write("Hello World!")
		 </script>
		 <!-- 
			 <script> 标签用于定义客户端脚本,比如 JavaScript。
			 script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
			 必需的 type 属性规定脚本的 MIME 类型。
			 JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
			 
			 假如此元素内部的代码没有位于某个函数中,那么这些代码会在页面被加载时被立即执行。<frameset> 标签之后的脚本会被忽略。
			 请参阅 noscript 元素;对于那些在浏览器中禁用脚本或者其浏览器不支持客户端脚本的用户来说,该元素非常有用。
		  -->	
		  
		  <noscript>Your browser does not support JavaScript!</noscript>
		  <!-- 
		  	noscript 元素用来定义在脚本未被执行时的替代内容(文本)。
			此标签可被用于可识别 <script> 标签但无法支持其中的脚本的浏览器。
			注释:如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本。
			注释:无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做,您应当在注释标签中隐藏脚本。老式的(无法识别 <script> 标签的)浏览器会忽略注释,这样就不会把标签的内容写到页面上,而新式的浏览器则懂得执行这些脚本,即使它们被包围在注释标签中!
		   --> 
	</head>
	<body>
		aaa
	</body>
</html>

  

posted @ 2012-06-27 21:05  Bug山Bug海  阅读(2150)  评论(0编辑  收藏  举报