The Case for HTML First Web Development
该论文主张“HTML 优先”的开发模式,认为通过回归 HTML 核心、结合超媒体与服务器端逻辑,不仅能显著精简代码库并提升性能与维护性,还能有效应对现代 Web 开发中框架过度复杂化的问题。
原始论文采用 CC BY 4.0 许可(http://creativecommons.org/licenses/by/4.0/)。 这是对下方论文的AI生成解释。它不是由作者撰写或认可的。如需技术准确性,请参阅原始论文。 阅读完整免责声明
这篇文章《HTML 优先网络开发的主张》(The Case for HTML First Web Development)由芬兰阿尔托大学的 Juho Vepsäläinen 撰写。简单来说,它是在呼吁网页开发者回归本源,重新重视并充分利用网页最基础的语言——HTML,而不是过度依赖复杂的 JavaScript 框架。
为了让你更容易理解,我们可以把构建网站比作盖房子。
1. 现状:我们是不是把房子盖得太复杂了?
想象一下,以前盖房子(做网站),我们只需要:
- 砖块和木头(HTML):用来砌墙、搭梁,决定房子的结构和房间布局。
- 油漆和装饰(CSS):用来让房子好看。
- 简单的开关(JavaScript):用来控制灯亮不亮。
那时候,房子虽然简单,但很结实,谁都能看懂图纸。
但是,后来情况变了。
随着互联网变成了“应用平台”(就像现在的微信、淘宝、抖音),大家觉得光靠砖块和开关不够用了。于是,工程师们发明了一套套超级复杂的“预制件系统”(也就是各种 JavaScript 框架,如 React, Vue 等)。
这就好比:
你本来只需要砌一面墙,结果你非要买一套全自动机器人砌墙系统。这套系统虽然能帮你砌出各种奇形怪状的墙,但它:
- 太重了:运来这套系统需要巨大的卡车(加载大量代码),用户得等很久才能看到房子。
- 太贵了:维护这套机器人系统很花钱(代码量大,维护难)。
- 太复杂了:如果机器人坏了,你根本不知道是哪根线出了问题,因为图纸被机器人藏起来了。
- 甚至有点多余:其实很多简单的墙,用原来的砖头(HTML)就能砌好,根本不需要机器人。
这篇文章的作者认为,现在的网页开发就像过度依赖机器人,而忘记了砖头(HTML) 其实已经进化得非常强大了。
2. 什么是"HTML 优先”?
"HTML 优先”并不是说完全不用机器人(JavaScript),而是说:在动手之前,先问问自己:“能不能只用砖头(HTML)解决?”
如果砖头能搞定,就用砖头;如果砖头不够,再加一点点油漆(CSS);最后实在不行,再请机器人(JavaScript)帮忙。
作者提出了几个核心原则(就像盖房子的新规矩):
- 少即是多(最小权力原则):能用简单的工具解决,就别用复杂的。
- 别总依赖“预制件”:很多功能(比如下拉菜单、表单验证、弹窗),现在的 HTML 标准里已经自带了,不需要再写一堆代码去模拟。
- 别搞“黑盒”:以前的框架把代码编译得乱七八糟,用户点“查看源代码”也看不懂。HTML 优先让代码保持透明,就像直接看砖块怎么砌的一样,容易调试。
- 把逻辑放在服务器:有些复杂的计算,让服务器(后厨)去算,直接端出做好的菜(HTML),而不是让浏览器(食客)自己去切菜。
3. 这样做有什么好处?(用比喻说明)
作者通过几个真实的案例(比如把某新闻网站和电商网站从“机器人模式”改回“砖头模式”)证明了好处:
房子更轻了(性能提升):
- 比喻:以前用户访问网站,得像背着一座山(几百兆的 JavaScript 包)才能进屋。现在,用户只需要拿一把钥匙(很小的 HTML 文件)就能进屋,速度飞快。
- 数据:在测试中,改用 HTML 优先后,代码量减少了 60%-90%,加载时间缩短了一半。
房子更好修了(维护性提升):
- 比喻:以前机器人坏了,你得找专门的机器人专家(框架专家)来修,而且换个零件可能整个系统都崩了。现在,你只需要看砖块怎么砌的,谁都能看懂,谁都能修。
- 数据:代码行数大幅减少,Bug 变少了,新功能开发更快了。
房子更结实了(兼容性更好):
- 比喻:机器人系统可能明年就过时了,但砖头(HTML)是几十年的老标准,不管技术怎么变,砖头永远能砌墙。用 HTML 优先,你的房子不容易因为“机器人系统”倒闭而塌掉。
对“智能助手”更友好(AI 与无障碍):
- 比喻:现在的 AI 机器人(搜索引擎、屏幕阅读器)来你家参观。如果家里全是复杂的机器零件,AI 会晕头转向。如果家里是清晰的砖块结构,AI 一眼就能看懂:“哦,这是门,那是窗”,从而更好地服务残障人士或自动抓取信息。
4. 什么时候不该用"HTML 优先”?
作者也很客观,他说这招不是万能的。
- 如果你要盖的是一个超级复杂的游乐场(比如大型游戏、实时协作的在线白板),那确实需要“机器人系统”(复杂的 JavaScript 框架)。
- 但对于大多数网站(新闻、博客、电商、企业官网),其实 90% 的功能用 HTML 就能搞定,没必要大动干戈。
5. 总结:回归常识
这篇文章的核心思想就是:不要为了用技术而用技术。
现在的网页标准(HTML5 及以后)已经非常强大,能做的事情比以前多得多。开发者们因为习惯了用复杂的框架,反而忽略了这些基础能力。
"HTML 优先”就是提醒我们:
在叫来昂贵的“机器人施工队”之前,先看看手里的“砖头”是不是已经足够把房子盖好了。这样,你的房子会更轻、更快、更便宜,而且住得更舒服。
这就好比:如果你只是想喝杯水,没必要启动整个自来水厂,直接拧开水龙头(HTML)就够了。
您所在领域的论文太多了?
获取与您研究关键词匹配的最新论文每日摘要——附技术摘要,使用您的语言。