首页 前端知识 HTML 5 发展历史,学习html前端开发

HTML 5 发展历史,学习html前端开发

2024-05-03 18:05:01 前端知识 前端哥 683 176 我要收藏

可是,越是想往好的方面发展,往往可能是带来的确实毁灭性的灾难,世间万物就是如此。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前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

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

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

结尾

正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。

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

看到更好的书欢迎推荐呀。

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

前端学习书籍导图-1

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6793.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!