HTML5都变化了什么，加了什么？

跟着我从HTML上最上面往最下面一步步看看HTML5都有哪些变化。

一、文档类型变短了

写这篇文章的时候，我所在页面的文档类型声明是这样的：

[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[/code]

但是HTML5里面变短了，仅仅15个字符就够了。
[code]
<!DOCTYPE html>
[/code]


二、根元素也变短了
原来的如下
[code]
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
[/code]
新的变成，更简单直接，什么命名空间啊，多余的语种都不要了
[code]
<html lang="en">
[/code]

三、meta元素
原来的如下
[code]
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
[/code]
HTML5中变成
[code]
<meta charset="utf-8" />
[/code]

四、link多了更多的语义值

先看看下面这段代码：
[code]
<link rel='stylesheet' href='fresh.css' type='text/css'/>
[/code]
其中的 rel='stylesheet' 代表是引用了一个外部CSS文件

[code]
<link rel='alternate' type='application/atom+xml' title="权记" href="/feed/" />
[/code]
其中的 rel='alternate' 代表是RSS或者Atom等媒介类型，这样可以被Google Reader这样的聚合内容浏览器发现。

这两个应该是比较常见的，HTML5又引入了一些其他的rel语义值，比如：

"rel=archives" : 表示所引用的文档描述了一组收藏，包括记录，文档或者有历史价值的材料。

"rel=author" : 用于链接到该页面作者的相关信息。

"rel=external" ， "rel=icon"， "rel=license"， "rel=pingback"， "rel=search"， "rel=sidebar"等

五、HTML5新增的语义元素

HTML5可以让我们用很多更语义化的结构化代码标签代替那些大量的无意义的＜div＞标签，这种语义化的特性不仅提升了我们网页的质量和语义，并且大量减少了曾经代码中用于CSS必须调用的class和id属性。
[code]
<section> //代表文档中的“段”或者“节”
<nav> //导航区域
<articel> //文档中自成一体的内容
<aside> //代表一个页面区域
<hgroup> //代表“段”或“节”的标题
<header> // 代表了一组介绍性内容或者导航辅助。
<footer> //代表一个节的脚
<time> // 表示24小时时间上的一刻或者一个精确度的公历日期。
<mark> //代表在文档中高亮标记的文字
[/code]