看html html5 css css3 javascript

我盯着浏览器地址栏，F12一按，满屏代码像剥了皮的洋葱。这就是Web开发者的日常——看穿网页的皮肉，直抵骨架。HTML是骨头，CSS是皮肤，JavaScript是神经。三者缺一不可，但大多数人只看到最后渲染的那张脸。

HTML5带来的不是新标签那么简单。<video>和<audio>让Flash彻底躺进棺材，<canvas>把绘图能力直接塞进浏览器。我试过用纯JavaScript写一个像素画板，不用任何框架，几百行代码就够。那种掌控感，比用Photoshop爽十倍。但HTML5最狠的杀招是语义化——<header>、<nav>、<article>这些标签让搜索引擎像读报纸一样理解你的页面结构。

CSS3呢？它把设计师从图片切片的噩梦里解放出来。圆角、阴影、渐变，以前要PS抠图，现在一行border-radius: 50%搞定。我见过最极端的案例：有人用纯CSS画了一只猫，胡须根根分明，眼睛还会眨。不是SVG，不是Canvas，就是div加伪元素堆出来的。这玩意儿看着像魔法，实则是对盒模型、定位、变换的极致理解。flexbox和grid更是把布局从浮动清道夫的泥潭里拽了出来，现在写居中？display: grid; place-items: center;，完事。

JavaScript才是真正的野兽。ES6之前，写回调函数像在玩俄罗斯轮盘赌，你不知道哪个异步操作会先响。现在async/await让异步代码读起来像同步的，但别高兴太早——事件循环的坑还在那儿等着。我踩过最深的坑是setTimeout(() => { }, 0)，以为它马上执行，结果排在微任务后面，页面卡了一秒才反应过来。这种细节，文档里写不清，得自己撞南墙。

这三样东西合在一起，就是一台时间机器。你看那些老网站，表格布局、闪烁的gif、滚动条特效，全是1999年的味道。再看现在的单页应用，路由切换无刷新，动画丝滑得像native app。差距不在技术本身，而在组合方式。Vue和React把JavaScript的组件化推到极致，CSS-in-JS让样式跟着状态走，HTML则退居二线，变成模板字符串里的占位符。

但别被框架迷了眼。我见过面试者简历上写着精通Vue，问他v-if和v-show的区别，答不上来。框架是工具，HTML、CSS、JavaScript才是地基。地基不稳，楼盖得越高塌得越快。有个真实案例：某电商网站大促时页面白屏，排查半天，发现是CSS选择器嵌套太深，浏览器解析卡死。优化方案？把div div div p改成类名，性能立马上来。这种问题，框架救不了你。

看代码就像看人。HTML是骨架，决定你站不站得直；CSS是衣着，决定别人愿不愿意多看你一眼；JavaScript是灵魂，决定你能走多远。有些人骨架清奇但衣不蔽体，有些人锦衣华服但灵魂空洞。真正的高手，三者平衡，各有侧重。我认识一个后端转前端的哥们，写HTML像写文档，标签语义化一丝不苟；写CSS像写配置文件，变量命名比类名还讲究；写JavaScript倒是中规中矩，但每个函数都注释得明明白白。这种人写出来的页面，维护成本低到令人发指。

别问哪个更重要。问就是都重要。但如果你只想学一个，学JavaScript。因为它能让你理解计算机的思维方式，而HTML和CSS更像语法规则。规则会变，思维永存。