网页这东西，网页知识看着简单，网页知识其实是网页知识个三层夹心的饼干。最底下那层是网页知识HTML，负责把骨头架子搭起来——标题是网页知识标题，段落是网页知识段落，图片是网页知识图片，各归各位。网页知识中间那层是网页知识CSS，管打扮的网页知识，颜色、网页知识字体、网页知识间距、网页知识圆角，网页知识全由它说了算。网页知识最上面那层是JavaScript，管动起来的，鼠标点一下弹个窗，滚动时图片淡入，表单提交前先检查格式——都是它的活儿。

我最早接触网页是2008年，用FrontPage拖拽表格排版。那时没人在意语义化，table套table，一塌糊涂。后来才明白，HTML的标签不是随便用的——<h1>就该是页面主标题，<nav>就该装导航，<article>就该放正文。用对了，搜索引擎能看懂你的页面结构，读屏软件能流畅念给盲人听。这玩意儿叫“语义化”，是网页的教养。

CSS就更有意思了。同一个HTML，换个样式表，能丑成鬼也能美成画。我见过一个极端的例子：某个政府网站，HTML结构十年没动过，就靠更新CSS，从千禧年风格一路改到扁平化设计。CSS还有个坑——层叠。你写了个color: red，后面又来一个color: blue，到底听谁的？看优先级，看选择器权重，看加载顺序。新手常在这上面抓狂，改了半天没反应，打开控制台一看，被别的规则覆盖了。

JavaScript是让网页“活”过来的关键。早年间它只是弹弹窗、跑跑跑马灯，现在可不得了。单页应用、虚拟DOM、响应式交互，全是它的功劳。但JavaScript也是网页卡顿的元凶——一个不小心写了死循环，整个页面白屏；加载了十几个第三方库，首屏要等三秒。我有次优化一个后台系统，删掉两个没用上的插件，首屏时间从4.2秒降到1.8秒。很多时候不是机器不行，是代码太肥。

说到加载速度，有个细节可能没人注意——图片。一张高清照片可能就2MB，一张压缩后的WebP可能只有200KB。用户用手机流量打开你的页面，图片没优化，人家等不及就划走了。这年头，没人愿意为一篇文章等五秒。谷歌做过统计，加载时间每多一秒，跳出率就增加百分之二十。网页不只是代码，是用户体验的战场。

还有一个被低估的东西：响应式设计。2015年那会儿，移动端流量首次超过PC端，很多老网站没跟上，在手机上打开字小得像蚂蚁，按钮按不准。现在好多了，但偶尔还会碰到那种“电脑上好看，手机上乱成狗”的页面。搞网页的要是只盯着桌面浏览器看效果，迟早要挨骂。

网页最迷人的地方在于它的开放性。你右键点“查看源代码”，就能看到别人写的代码——这在软件界几乎不可想象。你可以偷师，可以借鉴，可以挑毛病。我经常干这事儿，看到某个网站布局精巧，就打开DevTools扒拉它的样式，学两招。当然，扒归扒，别照抄，这行当靠的是积累和手感。

最后说个实在的：别迷信框架。Vue、React、Angular确实好用，但你要是连原生HTML、CSS、JavaScript都写不利索，上来就玩框架，等于没学会走路就想跑马拉松。框架是工具，不是救世主。底子扎实了，用什么工具都顺手；底子虚，换再多框架也白搭。

网页这东西，说穿了就是三个文件搁一块儿，浏览器一读，就成了你眼前的样子。但它背后牵扯到的门道——性能、语义、兼容性、用户体验——深挖起来，够你折腾一辈子。