H5引入的新特性:
1、新的语义化元素: 比如 header>,<footer> 和 <section>。
2、表单 2.0: 改进了 HTML Web 表单,为 标签引入了一些新的属性。
3、持久的本地存储: 为了不通过第三方插件实现。
4、WebSocket: 用于 Web 应用程序的下一代双向通信技术。
5、服务器推送事件: HTML5 引入了从 Web 服务器到 Web 浏览器的事件,也被称作服务器推送事件(SSE)。
6、Canvas: 支持用 JavaScript 以编程的方式进行二维绘图。
7、音频和视频: 在网页中嵌入音频或视频而无需借助第三方插件。
8、地理定位: 用户可以选择与我们的网页共享他们的地理位置。
9、微数据: 允许我们创建 HTML5 之外的自定义词汇表,以及使用自定义语义扩展网页。
10、拖放: 把同一网页上的条目从一个位置拖放到另一个位置。
H5语法
HTML5 更具灵活性,支持下列形式:
1、标签名大写。
2、属性的双引号可选。
3、属性值可选。
4、闭合空元素可选。
DOCTYPE
在老版本的 HTML 中,DOCTYPE 很长,因为 HTML 语言是基于 SGML 的,需要引用一个 DTD。
HTML5 作者可以使用简单的语法来指定如下形式的 DOCTYPE:
<!DOCTYPE html>
字符编码<meta charset="UTF-8">
script标签
HTML5 移除了所需的额外信息,我们可以使用如下所示的简单语法:
<script src="scriptfile.js"></script>
link标签
目前为止我们这样编写 :
<link rel="stylesheet" type="text/css" href="stylefile.css">
HTML5 移除了所需的额外信息,我们可以使用如下所示的简单语法:
<link rel="stylesheet" href="stylefile.css">
HTML5 元素使用起始标签和结束标签标记。标签使用尖括号之间的标签名限定。起始标签和结束标签的区别在于后者标签名前面包含一个斜杠。HTML5 标签名不区分大小写,可以全部大写或者混合使用,虽然最常见的约定是始终使用小写
HTML5 文档
为了得到更好的结构,引入了下面的标签:
section: 这个标签表示一个通用的文档或者应用程序节。它可以和 h1-h6 一起使用来表示文档结构。
article: 这个标签表示文档内容的一个独立块,比如博客条目或者报纸上的文章。
aside: 这个标签表示与页面其他部分略微相关的内容块。
header: 这个标签表示一个节的头部。
footer: 这个标签表示一个节的脚注,可以包含作者,版权等信息。
nav: 这个标签表示用于导航文档的节。
dialog: 这个标签可以用于标记会话。
figure: 这个标签可以用于关联标题和某些嵌入内容,比如图表和视频。
HTML5 属性
属性只能在起始标签中指定,绝对不能用在结束标签中。
HTML5 属性不区分大小写,可以全部大写或者混合使用,尽管最常见的约定是始终使用小写。
自定义数据属性以 data- 开头,基于我们的需求命名。
HTML5 事件
当用户访问我们的网站时,他们会点击文本,图片,链接,将鼠标悬停在某些东西上面等等。这些都是 JavaScript 调用事件的例子。
我们可以在 JavaScript 或者 vbscript 中编写事件处理程序,然后把这些事件处理程序指定为事件标签属性的值。下面列出了 HTML5 规范定义的各种事件属性。