H5预备知识

来源：互联网发布：怎么成为网络写手编辑：程序博客网时间：2024/06/07 01:54

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 规范定义的各种事件属性。

0 0