很多人在用手机连WiFi看网页时，会发现有些页面加载快、互动流畅，而有些则卡顿、兼容性差。这背后除了网络优化，还和网页使用的代码标准有关。比如现在常说的HTML5，和过去的HTML到底有啥不一样？
从“静态展示”到“动态应用”的转变
早期的HTML主要用于搭建简单的网页结构，比如显示文字、图片和链接。那时候的网页就像电子版报纸，只能看，不能互动。举个例子，你想在网页上看视频，得先下载Flash插件，体验很差，还容易卡。
而HTML5出现后，网页能力大大增强。它原生支持音频、视频、动画和图形绘制，不再依赖第三方插件。比如你现在用手机浏览器打开一个视频网站，不用装任何东西，点开就播，这就是HTML5在起作用。
标签更语义化，结构更清晰
以前写网页，大家都习惯用<div>堆结构，什么导航、侧边栏、页脚，全靠class命名来区分。时间一长，代码混乱，维护困难。
HTML5引入了像<header>、<nav>、<article>、<section>、<footer>这样的语义化标签。比如下面这段代码：
<header>
<h1>我的博客</h1>
<nav><a href="#">首页</a></nav>
</header>
<article>
<h2>第一篇文章</h2>
<p>这是文章内容...</p>
</article>
<footer>© 2024 版权信息</footer>这样一写，不仅开发者容易看懂，搜索引擎也能更好理解页面结构，对SEO也有帮助。
本地存储能力提升，减少网络请求
以前网页要记住你的登录状态或设置偏好，基本靠Cookie，但容量小、效率低。HTML5带来了localStorage和sessionStorage，可以存更多数据在本地。
比如你在咖啡馆连WiFi，打开一个记事本网页应用，写了几行字，突然断网了。如果是老式网页，内容可能就丢了；但基于HTML5的应用，内容已经存在本地，重新联网后还能同步回来。
对移动设备更友好
现在大多数人用手机上网，HTML5在设计时就考虑了移动端需求。比如支持触控事件、响应式布局、地理位置获取等。
你用手机连WiFi打开某个外卖网站，它能自动识别设备屏幕大小，调整页面布局，还能请求获取你的位置，推荐附近餐厅——这些功能的背后，都有HTML5的支持。
兼容性也在不断改善
虽然HTML5是新标准，但主流浏览器早已支持。即使是几年前的安卓机或iPhone，也能正常浏览大多数HTML5页面。反倒是那些还在用老旧HTML写的网站，可能在新设备上显示异常。
对于普通用户来说，不必深究技术细节，但了解这一点有助于判断：为什么有些网页看着“过时”，而有些则像App一样流畅。说到底，网页技术的进步，也让WiFi下的浏览体验更省流量、更快速、更稳定。