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；
- 无插件范式
在 HTML 5 出现之前，很多功能只能通过插件或 hack （如绘图 API）来实现，但 HTML 5 原生提供了这些支持。使用插件有很多问题，具体如下：
（1）、插件安装容易失败；
（2）、插件被浏览器或软件禁用屏蔽（如 Flash 插件）；
（3）、插件经常会被爆出漏洞被利用攻击；
（4）、插件不容易与 HTML 文档其他部分继承（比如整体透明化等）。
- 访问通用性
这个原则分为三个概念：
（1）、可访问性：比如更加利于残障人士的阅读方案；
（2）、媒体中立：比如 HTML 5 的媒体播放在不同设备或平台均能正常运行；
（3）、支持所有语种：比如新元素 <ruby> 。
- 引入语义
HTML 5 引入了一些用来区分不同含义和内容的标记元素。这种方式极大的提供了编码人员的可读性和代码区域查询的便利性。
- 引入原生媒体支持
HTML 5 的一次大改进就是支持在浏览器中直接播放视频和音频文件，以前都需要借助插件才能实现此类功能。
- 引入可编程内容
HTML 5 最大的变化就是引入了需要通过 JavaScript 编码才能完成的各种效果，而这些很多都是 HTML 5 原生的。那么现在 HTML 5 可以理解为 HTML + CSS + JavaScript 的总称。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。
《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里领取
图片转存中…(img-Srj95qDs-1712415183738)]
[外链图片转存中…(img-z6sb50wb-1712415183738)]
[外链图片转存中…(img-8t3P4FH0-1712415183738)]
