HTML5

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML) 的第五次重大修改。用于取代HTML4与XHTML的新一代标准版本.

编辑：桃子 好困

tracking.js将不同的计算机视觉算法和技术引入到浏览器环境中。通过使用现代的HTML5规范，我们使你能够做实时的颜色跟踪，人脸检测等。

github上该项目目前已经有8.6K个Star、1.4K个Fork、192个Issues，还是比较成熟的。

下面介绍下tracking.js的使用步骤。

一、下载js文件

tracking.js官方网站和github上都提供了下载入口，下载的压缩包文件包含了所有需要的js和示例代码。

当我们百度搜索我们想要的文章时，好不容易找到了我们想要的文章，点开复制，却发现文章被锁定，像下面这种情况，复制需要收费，面对这样的情况，教你一招解决，免费复制自己想要的文章。

首先我们需要找到我们所要复制的文章，按电脑上的F12按钮，打开如同所示的页面

然后按F1按钮

再往下翻，找到Debugger下面的禁用JavaScript,进行打勾

千万不要将旁边的框框删去，这样就可以免费复制了

本小节基本要求：

• 会使用webstorm工具
• 能运行一个有helloword的html文件
• 电脑安装一个浏览器(哪一种浏览器都可以，我用的是火狐)
• 刚开始学习的时候千万不要去扣细节，你一定要先学会比着葫芦画瓢，先将结果搞出来。这个当有工作了之后，自己一定会体会到的。

本小节基本要求：

• 了解样式选择器class

要点：

1. padding: 10px; 内边距是什么
2. margin: 0 auto；边框居中

ref、isRef、toRef、toRefs、toRaw 看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。

1、ref

ref 属性除了能够获取元素外，也可以使用 ref 函数，创建一个响应式数据，当数据值发生改变时，视图自动更新。

我在做的一个富文本编辑,做回退,恢复的算法网上找了下资料,不过效果不太理想,而且有些复杂,还要考虑IE兼容,所以我就自己实现了,在vue项目中:

HTML:

<button @click="back_">回退</button>

<button @click="go_">前进</button>

<div CONTENTEDITABLE="true" @input="codeword_text($event)"ref="dele" />

HTML5以HTML4为基础，对HTML4进行了大量的修改。

介绍HTML5对HTML4到底进行了哪些修改？它们之间比较大的区别是什么？