HTML5开发基础与应用

HTML5简介

1. HTML5产生背景
   在使用HTML5之前,w3c希望用XHTML代替HTML。HTML是一种更加严格,更加规范的HTML代码,要求HTML文档必须是一种XML文档格式。当时的HTML文档存在大量的不规范，所以文档的编写按XHTML编写规范进行编写HTML文档。但是由于互联网上存在大量的不规范页面,所以就有了一个新的HTML标准—HTML5。

2. HTML4与HTML5的区别: 字符编码的改变
   1)HTML4:<meta http-aquiv="content-type" content="text/html;charset=utf-8">
   2)HTML5:<meta charset="utf-8">

3. HTML5的优点
   1)兼容性:可以在老版本的浏览器中正常运行
   2)发展性:是新新版本的提升
   3)实用性:封装了简单实用的功能

4. HTML5新增元素
   (1)新增语义/结构元素

   article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。
   section元素定义文档中的节,是有主题的内容组，通常具有标题。
   nav元素定义导航链接集合。旨在定义大型的导航链接块，但并非文档中所有的链接都应位于nav元素中!
   aside元素表示当前页面或文章的附属信息部分
   header元素为文档或节规定页眉,应该被用作介绍性内容的容器。一个文档可以有多个header
   footer元素为文档(article)或节(section)规定页脚,应该包含它所包含的元素的信息。通常包含文档创作者的姓 名、文档的版权信息、使用条款的链接、联系信息等内容
   bdi 允许您设置一段文本，使其脱离其父元素的文本方向设置。
   command定义命令按钮，比如单选按钮、复选框或按钮。
   details 用于描述文档或文档某个部分的细节。
   dialog定义对话框,如提示框。
   summary包含details的标题。
   figure规定独立的流内容(图像、图表、照片、代码等等)。
   figcaption定义figure的标题。
   mark定义带有记号的文本。
   meter定义度量衡。仅用于已知最大最小值的度量。
   progress定义任何类型的任务的进度
   ruby定义ruby注释(中文注音或字符)
   rt定义字符(中文注音或字符)的解释和发音
   rp在ruby注释中使用,定义不支持ruby元素的浏览器所显示的内容
   time定义时间或日期
   wbr规定在文本中的何处适合添加换行符
   (2)表单新元素
   datalist定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
   keygen规定用于表单的密钥对生成器字段
   output定义不同类型的输出，比如脚本的输出
   (3)新多媒体元素
   audio定义音频内容
   video定义视频(video和movie)
   source定义多媒体资源(和)
   embed定义嵌入内容,比如插件
   track为诸如 和 元素之类的媒介规定外部文本轨道。
   (4)canvas新元素
   canvas标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API