HTML5学习（一）

发展历史

在HTML4.01后，W3C组织专注于XHTML2.0，为了更加规范的让不同的浏览器解析WEB有一个固定的标准；而XHTM2.0的标准给WEB开发束缚太多，于是由多家浏览器产商（Chrome、IE、Safari等）联合，成立了WHATWG（Web Hypertext Application Technology Work Group），致力于Web表单和应用程序。2004年WHATWG提出了Web Application 1.0（即HTML5前身）。2006年，双方决定合作。提出了HTML5。

设计变革

HTML5设计的目的是为了在移动设备上支持多媒体技术。目前，新的语法被引用到这一点，如：video，audio、canvas标签等。这些标签让Web上不再需要装很多不同网页需要的插件或者Flash。

声明文档

<!docutype html>//省略了需要填写指定W3C的url来解析网页代码

标签的变化

新增的结构标签

<article>            标记定义一篇文章
<header>             标记定义一个页面或者区域的头部
<nav>                标记导航链接
<section>            标记定义一个区域
<aside>              标记定义页面内容部分的侧边栏
<hgroup>             标记定义文件中一个区块的相关信息
<figure>             标记定义一组媒体内容以及他们的标题
<figcaption>         标记定义figure元素的标题
<footer>             标记定义一个页面或者一个区域的底部
<dialog>             标记定义一个对话框（会话框）类似微信

新增的多媒体标签

<video>              标记定义一个视频
<audio>              标记定义一个音频内容
<source>             标记定义媒体资源
<canvas>             标记定义一个图片或者画图
<embed>              标记定义外部的可交互的内容或插件，比如Flash

删除的标签

纯表现的元素

basefont、big、center、font、s、strike、tt、u

可能产生负面影响的元素

frame、frameset、noframes

产生混淆的元素

acronym、applet、isindex、dir

重新定义的HTML标签

<b>         代表内联文本，通常代表粗体
<i>         代表内联文本，通常是粗体
<dd>        可以同details与figure一同使用，定义包含文本，dialog也可用
<dt>        可以同details与figure一同使用，汇总细节，dialog也可使用
<hr>        表示主题结束，而不是水平线，虽然现实相同
<menu>      重新定义用户界面的菜单，配合commond或者menuitem使用
<small>     标识小字体，例如打印注释或者法律条款
<strong>    标识重要性，而不是强调符号