HTML 5 发展历史，web开发基础教程

可是，越是想往好的方面发展，往往可能是带来的确实毁灭性的灾难，世间万物就是如此。XHTML 2.0 规范了更严格的错误处理规则，强制要求浏览器拒绝无效的 XHTML 2 页面，强制 Web 开发者写出绝对正确规范的代码，同时不得向下兼容，摒弃 HTML 遗留的怪异行为和编码习惯。按理说，取其精华、舍其糟粕应该是好事。但是，这样的话，数亿的页面将无法兼容，Web 开发者的难度又被加大，并且制定这个标准又太过久远，最终被抛弃。

HTML 5 的回归

---

2008 年 W3C 发布了 HTML 5 的工作草案，2009 年停止了 XHTML 2 计划。又过去了大概一年，HTML 5 规范进一步解决了诸多非常实际的问题，各大浏览器厂商开始对旗下的产品进行升级，以便支持 HTML 5 。这样，得益于浏览器的实验反馈，HTML 5 规范得到了持续的进步和完善，从而迅速融入到 Web 平台的实质性改进中。

和 XHTML 2.0 不同，制定 HTML 5 规范的一群人并不想挑出以往 HTML 的各种毛病为其改正，而是尽可能的补全 Web 开发者急需的各种功能。这些功能包括更强大的 CSS3、表单验证、音频视频、本地存储、地理定位、绘画（Canvas）、Web 通信等等。

HTML 5 的功能

==========

HTML 5 到底涵盖了哪些功能？这些功能到底在主流的浏览器支持情况如何？

1、HTML 5 核心： 这部分主要由 W3C 官方的规范组成，涉及新的语义元素、新的增强的 Web 表单、音频和视频、以及通过 JavaScript 绘图的 Canvas。这部分大多数主流浏览器均得到很好的支持；

2、曾经的 HTML 5 标准： 这部分主要来自于最初制定的 HTML 5 规范，其中大多数功能需要 JavaScript 且支持富 Web 应用开发。比如：本地数据存储、离线应用和消息传递；

3、非 HTML 5 标准： 这部分通常指下一代功能，虽然从未进入 HTML 5 标准，但人们还是会把它认做 HTML 5 的一部分。这些包括最为常见的 CSS3，以及很热门的地理定位。

对于最为常见且实用的部分，基本上主流的浏览器都支持的比较好。而那些特殊需求的部分，则需要根据不同的浏览器检测才能知道是否支持自己想要的功能。

HTML 5 的特点

==========

在 HTML 5发展的同时，XHTML 2.0 也在不断发展，那么到底是哪些特点导致 HTML 5 取得最终的胜利呢？

• 向下兼容

对于 XHTML 2.0 要求遵循规则，否则不予显示的方式，HTML 5却实行“不破坏 Web”的原则。也就是说，以往已存在的 Web 页面，还可以保持正确的显示。

当然，面对开发者，HTML 5 规范要求摒弃过去那些编码坏习惯和废弃的标签元素：而面对浏览器厂商，要求它们兼容 HTML 遗留的一切，以做到向下兼容。

• 用户至上

HTML 5 遵循“用户至上”的原则，在出现具体问题时，会把用户放在第一位，其次是开发者，然后是浏览器厂商，最后才是规范制定者。比如，开发者在编码时不严谨导致本该出现警告或错误时，却正常显示了页面。

• 化简为繁

HTML 5 对比之前的 XHTML ，做了大量的简化工作。具体如下：

（1）、以浏览器的原生能力代替复制的 JavaScript；

（2）、DOCTYPE 被简化到极致；

（3）、字符集声明被简化；

（4）、简单强大的 API；

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

判断

回到题目，如果你真想检验一个人的水平。第一步先考察一下基本的编程基础，问几个基本的编程问题，可以和前端相关也可以无关。比如垃圾收集大致是怎么做的，setTimeout 大致做了什么（说会在另一个线程里执行回调的直接毙掉）。

第二步考察一下知识面，问问http、tcp的基本知识，dns是怎么工作的，或者常用框架的实现原理，看看候选人是不是除了自己的一亩三分地什么都不关心。

第三步考察hold业务逻辑的能力，从一个简单的注册页，或者查询页开始，先让说下代码的基本架构，然后需求、性能、可靠性、安全层层加码，看看能不能很快的反馈出解决方案。能对答如流的要么做过，要么对他来说这种复杂度的东西是小case。

前三步都没问题，基本上说明候选人已经还行了，但是行到什么程度，不知道。如果想找比较厉害的，就增加个第四步，亮点项目考察。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了，我整理一套前端面试题分享给大家，希望对即将去面试的小伙伴们有帮助！

，希望对即将去面试的小伙伴们有帮助！**

[外链图片转存中…(img-tTSe23PA-1710819915219)]

[外链图片转存中…(img-4lcawSUi-1710819915219)]