w3c在线教程

打开w3school.com.cn，线教那橙黑配色的线教页面二十年没大变过。可就是线教这土气的界面，成了无数中国程序员的线教启蒙老师。

我2008年第一次接触HTML，线教就是线教在那上面点着“尝试一下”按钮，左边改代码右边看效果。线教那时候浏览器还是线教IE6的天下，table布局横行。线教w3c教程不像现在那么多花哨的线教交互，就是线教干巴巴的代码块配解释——但恰好是这种干，让新手能专注在语法本身。线教

教程的线教排版有股子固执的秩序感。每个标签都从“定义和用法”开始，线教接着是线教浏览器支持情况，然后是实例。这种结构像老派字典，查起来特别顺手。不像现在某些教程，动不动就扯什么“设计哲学”，让人云里雾里。

记得学CSS浮动那章，光一个clear:both就折腾了我整个下午。教程里就一句话：“清除浮动的最简单方法是使用clear属性。”下面配个三行代码的例子。当时觉得太简陋，后来才明白，正是这种不啰嗦，逼着你自己去实验、去犯错、去理解。

w3c教程有个被忽视的好处——它的代码示例都极其精简。不像某些博客，贴一大段完整网页代码，新手根本找不到重点。这里每个例子就只突出一个知识点，比如学border-radius，页面里就摆个四角变圆的方块，配两行CSS。这种“最小化示例”的思路，现在看依然是高效的教学法。

当然，这教程毛病也不少。这么多年过去，很多页面还停留在HTML4.01的思维。Flexbox和Grid的介绍浅尝辄止，CSS动画部分更是敷衍。最要命的是，它几乎没有讲语义化标签——这对现在搞SEO和可访问性的人来说简直是灾难。可转念一想，它毕竟是个免费的老古董，能活到今天已经算奇迹。

如今我早不靠它学东西了，MDN文档才是日常主力。但偶尔遇到记不清的标签属性，还是会习惯性输入w3school的网址。那感觉就像回老家，虽然破旧，但每块砖都透着熟悉。

前阵子带实习生，看他卡在CSS选择器上。我让他去翻w3c教程的“CSS选择器参考手册”，他一脸嫌弃：“这界面也太老了。”结果半小时后，他跑来跟我说：“这表格真好使，按类别排得清清楚楚。”

或许这就是w3c在线教程的价值——它不追赶时髦，只把最基础的东西钉在原地。当整个行业都在追逐新框架时，它还在那儿慢悠悠地解释标签和