<011>了解HTML标准和字符编码
很不错，我们掌握了HTML，是不是该转向CSS，让这些乏味的标记更漂亮?没错，但是在这之前我们要了解一些额外的知识，才能建立真正的，符合标准的HTML，就是HTML。
先了解一下HTML的历史（从别的网站找的。。。）
http://2.im.guokr.com/gkimage/j1/ib/ub/j1ibub.png
打开一些古老的HTML 4.01和XHTML 1.1页面，我们看到这些页面开头用了一个DOCTYPE来告诉浏览器该页面使用的HTML版本。请看下面的DOCTYPE……
HTML 4.01 strict
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
是不是看着都头晕?想一想，HTML5的DOCTYPE应该怎么写呢?
回复你的答案!**** Hidden Message *****
加上DOCTYPE标签
课件下载:
打开我们以前的休闲室，在开头加上
**** Hidden Message *****<html>
<html>
<head>
<title>鱼C休闲室</title>
</head>
<body>
<h1>欢迎来到改进后的鱼C休闲室!</h1>
<img src="images/drinks.gif">
<p>写了一整天代码，一身疲倦?来休闲室喝杯饮料吧!</p>
<p>看看<a href="beverages/elixir.html">这里供应的饮料!</a></p>
<h1>我们的位置</h1>
<p>想找到我们?点击<a href="about/directions.html">这里</a>查看我们的位置</p>
</body>
</html>
再打开页面，你发现了什么？
什么都没发现。。。因为doctype标签只会告诉浏览器：我在用xxx版本的html，并不会改变页面的内容
也有人发现，浏览器显示了乱码！
锟斤拷迎锟斤拷锟斤拷锟侥斤拷……
这是因为浏览器使用的编码和编辑器使用的编辑器使用的编码不同，编辑器用UTF-8编码，但浏览器用GBK编码
编码是什么？科普一下>>>Click!!!<<<
指定编码
但是，如何让浏览器也使用UTF-8编码呢？
我们可以使用
<meta charset="utf-8">
我们把它加在<head>标签的开头。meta也是空元素，没有结束标签<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题是中文</title>
</head>
<body>
<h1>我也是中文哦，浏览器能正常显示我吗？</h1>
<h2>我也是！</h2>
<h3>我也是！</h3>
<h4>我也是！</h4>
<h5>我也是！</h5>
<h6>我也是！</h6>
<p>我也是！</p>
</body>
</html>
正常了！我们成功地指定了字符编码！
未完待续...