HTML4.01 --> HTML5
HTML4.01 --> XHTML1.0 (Xml + html4.01) 语法更加严格。
1)语法的区别：XHTML和HTML5
1、内容类型（ContentType）
HTML5的文件扩展符与内容类型保持不变，仍然为".html"或".htm"
2、DOCTYPE声明
不区分大小写XHTML -- > <!DOCTYPE html>HTML5 -- > <!DOCTYPE html> 不区分大小写
3、指定字符集编码
<meta charset="UTF-8">
4、可省略标记的元素
不允许写结束标记的元素：br、col、embed、hr、img、input、、link、meta
XHTML -- > <br />
HTML5 -- > <br>
5、可以省略结束标记的元素：
XHTML -- > <div></div>
HTML5 -- > <div> <option>
li、dt、dd、p、option、colgroup、thead、tbody、tfoot、tr、td、th
6、可以省略全部标记的元素：
html、head、body、colgroup、tbody
7、属性值可以使用双引号，也可以使用单引号。
XHTML -- > <input type="text" />
<input type="checkbox" checked="checked"/>
HTML5 -- > <input type='text'>
<input type="checkbox" checked />
注：不建议省略标签和省略号。
2) 语义化标签
<div class="header"></div>
<ul class="nav"></ul>
<div class="main"></div>
<div class="footer"></div>
<header></header> 页眉
<main></main>主体
<nav></nav>
<footer></footer>页脚
1、section元素 表示页面中的一个区块或者区域 （同div效果） 2、article元素 表示一块与上下文无关的独立的内容 3、aside元素 在article之外的，与article内容相关的辅助信息 4、header元素 表示页面中一个内容区块或整个页面的标题（页眉）； 5、footer元素 表示页面中一个内容区块或整个页面的脚注 6、nav元素 表示页面中导航链接部分7、figure元素 表示一段独立的内容，使用figcaption元素为其添加标题(第一个或最后一个子元素的位置)
8、main元素 表示页面中的主要的内容(ie不兼容)
注：一个页面内 ，只能出现一个main标签；(ie不兼容)
9、hgroup标题的一个分组
10、mark定义高亮显示的文本(span) 内联
11、time时间 （目前所有主流浏览器都不支持 标签。）内联
12、dialog标记定义一个对话框(会话框)类似微信（ 目前只有 Chrome 和 Safari 6 支持 标签。）
13、embed 标记定义外部的可交互的内容或插件 比如flash ；
3）多媒体标签
<video src=' '></video>视频
<audio src=' '></audio>音频
Type属性值：
用于视频：video/ogg video/mp4 video/webm
用于音频：audio/ogg audio/mpeg(mp3) audio/mav
ie : 支持：map4 不支持：ogg
谷歌: 不支持 ：map4 支持 ：ogg
属性:
controls属性：如果出现该属性，则向用户显示控件，比如播放按钮。autoplay属性：如果出现该属性，则视频在就绪后马上播放。
注：有的浏览器为了用户体验 不支持自动播放了；
loop属性：重复播放属性。muted属性：静音属性。
注：autoplay + muted 可以实现自动播放
poster属性：规定视频正在下载时显示的图像，直到用户点击播放按钮。 注：音频标签不支持此属性
source:
标签为媒介元素（比如 和 ）定义媒介资源。 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持;