在Web前端开发方面,HTML5与HTML4比较,主要解决哪几方面的问题?

一是解决Web浏览器之间的兼容性问题。在一个浏览器上正常显示的网页（或运行的蚂敏Web应用程序），很可能在另一个浏览器上不能显示或显示效果不一致；

二是文档结构描述的问题。HTML4之前的各版本中，HTML文档的结构一般用div元素描述，文档元素的结构含义不够清晰；

三是使用HTML+CSS+JavaScript开发Web应用程序时，开发功能受到很大的限制，比如本地数据存储功能、多线程访问、获取地理位置信息等，这些都影大明响了闷仿枝用户的体验。

HTML代表超文本标记语言，用于使用标记语言设计网页。HTML是超文本和标记语言的组合，超文本定义了网页之间的链接；标记语言用于定义标记内的文本文档，该文档定义网页的结构。此语言用于注释（在计算机注释中）文本罩信滚，以便机器可以理解它并相应地 *** 作文本。

大多数标记（例如HTML）语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些 *** 作。它用于在网页上构造和呈现内容。

HTML5是HTML的第五个版本，HTML5中删除或修改了许多元素。

HTML5和HTML的区别

首先，HTML5已经远远超越了标记语言的范畴，它的设计目的是在移动设备上支持多媒体，和HTML比起来，深度和广度上都做了进一步提升。

接着，我们来看一下两者的声明文件类型：

HTML：

HTML5

由上面可以看到，在文档声明上，HTML的声明代码很长很复杂，而HTML5的声明更为简单，方便记忆，所以HTML5要比HTML更有利于程序员的快速阅读和开发。

此外，两者结构语义也有所不同。HTML没有结构语义化的标签，通常以<divid="header"></div>来命名，HTML5则增加了很多语义化的标签，比如：<header>、<nav>、<article>、<aside>、<footer>等，使代码结构清晰，更加具有可读性。

HTML5新增了强大的绘图功能，通过绘画功能，加上JS可以实现动画以及图片。而HTML4.0却不行。在HTML5中，Canvas和SVG可以进行绘图，Canvas相当于一个画布，可以通过JavaScript 来绘制 2D 图形，Canvas 是逐像素进行渲染的。SVG是可伸缩矢量图形，用于定义网络的基于矢量的图形，SVG 严格遵从 XML 语法，其图像文件可读并且易于修改和编辑，可以被搜索、索引、脚本化或者压缩。可以在任何分辨率下被高质量地打印。

除了上述几点，强大的HTML5还新增了视频标签。这个功能是HTML4.0所不具备的，用HTML4.0插入视频需要很长一段代码，但是用HTML5就只需要video标签即可。

自己是从事了五年的前端工程师，自己整理了一份最全面前端学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小坦银伙伴，需要可以私聊我哟，这是我的前端开发qun，【六零三】【九八五】【九九三】，对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以物余问我，最后可以点一波关注哟！

总结：

1、文档声明区别

HTML文档的类型声明为：

HTML5文档的类型声明为：

HTML5.0：文档声明HTML5方便书写，精简，有利于程序员快速的阅读和开发。

2、结构语义区别

html：没有体现结构语义化的标签，如：<div id="nav"></div>

html5：添加了许多具有语义化的标签，如：<article>、<aside>、<audio>、<bdi>...

相对于HTML，HTML5中新增和修改了一些元素。

3、绘图区别

HTML：指可伸缩矢量图形，用于定义网络的基于矢量的图形。

HTML5：HTML5的canvas元素使用脚本（通常使用JavaScript）在网页上绘制图像，可以控制画布每一个像素。

4、音频和视频的支持

HTML如果不使用Flash播放器支持，它不支持音频和视频。HTML5使用<audio>和<video>标签来支持音频和视频控制。

5、语法的处理

HTML无法处理不准确的语法；HTML5能够处理不准确的语法。

背景：在进行文件上传时，往往需要对上传文件的类型进行限制。最简单也是最常用培咐的文件类型校验方法，是直接校验文件的拓展名，但由于拓展名可以手动随意修改，因此这种方式并不保险。那么有没有什么方法可以准确地判断出上传文件的类型呢？

File signature 是指在文件中用于标识文件格式的字节，通常在文件的开头放置一小段字节（大多数为2-4个字节）。不同的文件类型都有着对应的文件签名，通过 List of file signatures 和 All File Signatures 我们可以查询到各个文件类型的签名。

但TypedArray将会使用系统默认的字节顺序（详情见 TypedArray or DataView: Understanding byte order ），而使用DataView 则会默认使用从大到小的顺序：

可截取16进配族纯制字符串中的第offset到offset+size个个byte与signature进行比对

可根据文件的后缀名得到对应文件签名的offset与size，直接截取文件中文件签名的内容，而无需加载文件的全部二进穗厅制数据。

---