为什么不推荐 W3Schools

[FrankFang128]

原文 https://frankfang.github.io/get-rid-of-w3schools.html

W3Schools 跟 W3C 组织没有关系

W3Schools 是由挪威的 Refsnes Data 创建的，我们可以将其定位一个「教程网站」，它提供了参考手册、代码样例和 Try it yourself 沙盒。

由于早期 W3C 和 MDN 的文档对新人极其不友好，所以 W3Schools 很快成本前端开发入门的首选教程。

W3Fools 对 W3Schools 的批评

权威性受到质疑

W3C 组织曾要求 W3Schools 在显著的地方注明「 W3School 与 W3C 没有任何关系」，但是 W3Schools 没有这样做。

2011 年一个独立的网站上线，那就是 W3Fools.com ，当时它最主要的口号就是「 We believe W3Schools is harmful to the web. Web developers deserve better 」。

W3Fools 指出 W3Schools 的内容漏洞百出，而且没有给阅读者深入了解的参考，对所有内容浅尝辄止，不是一个教程该有的态度。

W3Schools 倒也虚心，在这几年里不断地修复着自己的错误，并且在页面下方添加了一段话：

W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.

W3Schools 是为学习、测验和练习而成立。为了方便阅读和理解，本站的例子都做了一些简化。我们在持续改进我们的教程、参考手册和实例代码，以尽量减少错误，如有疏漏，还望见谅。

作为一个不需要深入理解的学习者， W3Schools 确实不错。

更好的选择

W3Fools 认为比 W3Schools 更好的参考网站是 Mozilla Developer Network 和 Web Platform Docs，内容权威，并提供了进一步深入了解的链接。

Web developers deserve it.

参考

What is the story behind www.w3fools.com?

P.S. 至于 http://www.w3school.com.cn/ 中文版的 w3school （没有 s ），还不如 W3schools 。唯一的有点就是「翻译成了中文」。

更多阅读：《听说你想学前端》

看来有些人不知道什么是就事论事。
W3schools 是好心
好心就是圣人，就没错了么，不让喷？
玻璃心的请 block 我。

2011 年， W3Fools 对 W3Schools 的勘误： http://archive.is/bIxbV

即使是现在， W3Schools 英文站，依然很多错误和过时的内容。

请使用 MDN 中文版作为参考。

你可以继续使用 W3Schools ，但你必须知道它上面的内容可能是错的。
这就是此贴的意义。

你们厉害，错误很多也不在乎，是我多虑了。
好用你用吧

我只能说服了你们

同是入门教程，同是内容过时，谭浩强的 c 语言喷的人多， w3schools 赞的人多，这是什么原因？
@theoractice
我给 100 分

我就推荐 MDN ，爱用不用，就不告诉你 W3schools 哪里错了，吓死你。

很多人思维怎么是非黑即白。
本文哪句话说 w3shool 跟 mdn 不能共存。看完 w3 的小白教程马上来我大 mdn 就行了，多简单的事儿。我不推荐推荐 mdn 你当小白会自己知道 mdn 啊？
给你多个选择而已。
一楼二楼没看文章就造对立是什么意思？
应该是为了让我上 top10.
从现在起一律不回复，收藏数说明一切。

[menc]

真是福气，一个非营利性的，客观上造福了全球千万人的教学网站也会被喷？
这一个面向初学者的网站，从来就不是面向开发者。

能把人带入门，引导向更深层次，它的使命就完成了。
你们究竟在喷什么

[lxrmido]

尽管如此， w3school.com.cn 依然是一个良心网站，让众多无法看懂 MDN 等平台上的内容的学习者有了了解 web 开发的机会。

[FrankFang128]

你知道它以前错了多少再说吧。
如果不是 W3fools ，现在 W3schools 不知道多烂。


知道喷的意义了吗？

[FrankFang128]

@lxrmido 所以你现在还不知道 MDN 几乎全中文了吗，都怪 W3schools

[onlyice]

这个观点已经过时很久了， W3Fools 也不再认为 W3Schools 在误导人了。

楼主这个标题跟你的文章观点不一样吧。。

[williamx]

先看 w3schools 入门，然后再去看其他详细的文档。从来没听说过 W3FOOLS ，这个网站的存在对于 web 有什么特殊的贡献吗？

[FrankFang128]

@onlyice 如果不是 W3Fools ， W3Schools 会改得那么勤快么？另外现在 W3fools 依然更推荐 MDN 和 WPD

[FrankFang128]

@williamx 曾经把 W3Schools 上的错一条一条指出。
后来 W3schools 改了， W3Fools 就删掉这些了

[shuimugan]

我大学的时候,挺喜欢 W3Schools,中文版的还经常逛,主要是适合快速掌握一些语言 /库的基本功能和用法,特别快,适合碎片时间去看,剩下的就可以自己找开源项目 /其它资料来深入了

[FrankFang128]

2011 年， W3Fools 对 W3Schools 的勘误： http://archive.is/bIxbV

[FrankFang128]

@menc
@williamx 2011 年， W3Fools 对 W3Schools 的勘误： http://archive.is/bIxbV

[gxustudent]

@FrankFang128 MDN 几乎全中文？你还真敢吹！

[williamx]

@FrankFang128 哦，曾经啊！现在我去看好像一条都没有了。而且也有正面的评价“ offer a decent learning experience.”

[onlyice]

@FrankFang128 我也不喜欢 W3Schools 而偏爱 MDN 。
我不是在捧 W3Schools ，只是觉得你的标题说的是“不推荐”，但是你的内容看起来是在讲，什么人适合用 W3Schools 而什么人适合用 MDN 。如果只是拿 W3Schools 的黑历史、以及 W3Fools 的推荐来讲 MDN 更好，感觉太单薄缺乏说服力

[FrankFang128]

@gxustudent 中文率我不知道，但是常见的概念都是中文好吗。

[FrankFang128]

@onlyice 不需要说服力，大家知道 MDN 就行了。

[cnly1987]

@FrankFang128 W3Schools 是盈利为目的，广告漫天飞

[FrankFang128]

@onlyice 看看我之前的文章，都是用偏激的观点引起嘴炮。
我从来不说全面的观点，说全面了没人喷我啊。

[yxzblue]

看外国原版的 w3schools 吧

[FrankFang128]

@cnly1987 还好，它服务器费用应该不低，广告不影响体验。

[onlyice]

@FrankFang128 好吧哈哈，搞得好像谁都要跟你开喷似的。

[FrankFang128]

@yxzblue 本文说的就是原版

[FrankFang128]

@onlyice 我承认标题党了。。。

[yhxx]

有种楼主就是在故意找喷引起关注度然后好推广培训班的感觉

[DlYgod]

相爱相杀

[Clarencep]

MDN+1 可惜翻译得没有 w3school 好

[FrankFang128]

@yhxx 看看我之前的文章，我从来就是这个风格。除了问答，文章都是以批评为主。

[FrankFang128]

@yhxx 好心好意推荐 MDN ，却……
你们对广告是多大仇？

[onlyice]

@FrankFang128 发现我们貌似共事过一两个月，哈哈 franck 。

[ChiangDi]

做这个网站 SEO 的人是个天才 😆

[FrankFang128]

@onlyice 前同事啊，可是我不知道你是谁啊，汗……

[wizardforcel]

它的主要问题是不能与时俱进。 php5 出来多少年了，上面都没有一丁点 oo 的东西。数据库那部分应该全换成 mysqli 也没换。 jq 还是老的那种非 promise 写法，新的 promise 相关的特性一概都不讲。 es6 一点都没有。

它刚发展的那段时间，前端还没那么复杂，现在多了框架和工具链，这部分内容也一点都不涉及。。真的好么。。

[FrankFang128]

@wizardforcel 是啊，还是靠 MDN 社区的力量，稍微靠谱点。
MDN 的英文内容还是很超前的。

[wizardforcel]

@FrankFang128 这话等中文本地化做完再说吧。社区的力量就是只翻译一半？？

mdn 也只能涉及 html js 和 css 三大块，其它的怎么办？？

[toben]

其实主要是百度的功劳

[tanxiaoqing]

能把你带入门就很不错了。

[FrankFang128]

@toben Google 也是，本文主要说的是英文原站

[FrankFang128]

@tanxiaoqing 看 10 楼。带沟里了，不行的

[tanxiaoqing]

w3cschool ，条目很清晰，国内访问速度很快。用于入门非常合适，如果要进阶，还是直接看书。文档很多只能当手册来当。

对了，不要跟新人讲，叫别人看英文文档。

[FrankFang128]

@tanxiaoqing MDN ，是，中文，的

[FrankFang128]

@tanxiaoqing W3schools 错误，太多。

[kideny]

你要是看英文原版，那没问题，看国内山寨的。。。

[FrankFang128]

@kideny 说的就是英文原版的问题。
中文版不惜的说

[superbear]

这里怎么样？[stack overflow document]( http://stackoverflow.com/documentation)

[bzw875]

我从 w3school.com.cn 起步的，那时天天跟着学

[FrankFang128]

@superbear 好可以，没中文，不适合中国新人

[FrankFang128]

@bzw875 赶紧奔向 MDN ，不要留念

[superbear]

@FrankFang128 嗯，的确，更像一个手册

[Jexxie]

想听听 LZ 对 Web Platform Docs 的评价

[bzw875]

@FrankFang128 已投奔了，现在瓶颈不关 MDN 、 w3school 什么事了，只想有技术厉害的同事，请问招人吗

[FrankFang128]

@bzw875 阿里、腾讯和彩程，你想我内推哪个。彩程是用 Rails

[jarlyyn]

一般查资料还是 mdn 好点。

[myyou]

支持楼主，推荐了更好的网站.

[lxy]

当时查点资料随便看了一眼， w3school.com.cn 的 Javascript 文档把数组也归为了基本数据类型，不知要误导多少人。更搞笑的是国内的采集站 jb51 还把他整个网站采集了过来： http://www.jb51.net/w3school/

[guyskk]

国内还有个 http://www.runoob.com/ ，这种 Step by Step 的教程用来入门还是挺好的，我当初也是这么过来的。官网 /MDN/stack overflow 内容更深入，但对初学者来说有点门槛。

[yeshang]

几个网站应该是平等关系. 不能崇拜一个网站, 而鄙视另一个网站

[horizon]

mdn 还是很靠谱的

[lcc4376]

W3Schools 作為入門學習還是不錯的,但有些“前端高手”好像不喜歡它,對我來說還夠用

[nimingyonghu]

1 楼的回答换成[360 免费杀毒]好像也成立啊?

[laycher]

竟然吵起来了。。

[cenxun]

领进门

[FrankFang128]

@cenxun 帶进沟

[suliuyes]

入门还不错，小白看两眼就可以写了。但是确实内容太浅太浅了，而且也太少了。当手册好像不太合适。

[FrankFang128]

@nimingyonghu 对的，动机论最难对付。

[cenxun]

@FrankFang128 后面的路自己走咯

[tanxiaoqing]

看 MDN 文档，网站太慢，屎都要等出来。 W3C 的文档，太多，太杂，估计要花不少时间。

[DoraJDJ]

之前写网页就经常去 W3School ，之后感觉 W3School 的资源略少，而且都是偏教程向，就经常去 MDN 。
昨天刚好用 MDN 向我的同学简单浏览了下 HTML 的一些元素标签。

[zwhu]

看节点就知道作者喷的点是什么了

[yangyaofei]

如果你只是对用 w3cshool 的网友推荐 MDN 什么的,没准大家就不会这样.
虽然人家不好,但是解决问题啊,我一小白,而且也不想学那么多 web 知识,就是想做个简单的网页,人家简单易学拿来就用,没有什么基础都能用,这不是挺好?想深入肯定看书或者看文档了.

觉得人家不好?你可以给人家发邮件,说那里有问题,帮人家完善啊,说人家有问题又有什么用的?

[introom]

很多有经验的前端都会说不要 w3schools, 要 mdn, 或者直接 spec, 因为他们知道 w3schools 有些地方有瑕疵。但是呢，很多新手习惯 w3schools ，因为有很多例子可以上手，很方便。所以呢，各取所需，但知道各自的利弊就行了。

[cxbig]

2 个网站都不用，只查阅各语言的官方手册 /API

[crab]

书看原版和翻译的区别吧。

[murmur]

w3s 的网站内容太老了 但是对于我们这种做 IE8 兼容的刚好够用 多的特性也不敢上

[mdluo]

「小孩才分对错，大人只看利弊」


就像你跟不懂电脑的人说你要用 Google 啊，要翻墙啊，不要用百度，不要装国产软件，他们肯定白你一眼 “神经病”

[mdluo]

另外，有一种叫做「正确的废话」的东西，喷完了，然后呢，该用的人还是在用

就像拿着本科的教材去批判小学数学、中学物理，里面有很多过时和错误的知识啊，你们不要学啊

[seeker]

我发现你们的 2 个分歧了：
分歧 1:
a: 批评有益
b: 批评无益

分歧 2:
a: w3school 有益
b: w3school 无益

虽然楼主没有说 w3school 无益，只是批评了他做的不好的地方并且提供更好的替代，但是好像很多人还是脑补了 w3school 无益 这点。

反正我用 MDN.

[zhangneww]

一个非 web 开发者表示业余使用 http://www.runoob.com/ 菜鸟教程，表示还不错。

[bookit]

W3schools 已经不能访问了，骂也没意义了

[fetich]

w3schools 借鉴意义还是有的，一棒子打死不妥。

[FrankFang128]

@seeker 他们很有意思，不看内容就回帖

[ooh]

怎么说呢，我对 w3school 在线教程也算有感情的，我不知道当时是怎么找到这个网站的，但是这个网站却给我构建了 Web 开发初步的三观，第一次写 HTML 标签， CSS 布局， JavaScript 脚本，那段时间把它当作工具书一样。
这么说吧， w3school 在线教程就好像学前班的课本一样，不会教你选择编辑器，代码规范，最佳实践，却可以把你领入这个世界。

[lxrmido]

@FrankFang128



我不否认 MDN 的中文率很高，我只想说社区不解决这些谜一样的用户体验问题的话，很难科普下去。

[elvba]

曾经被 W3Schools 坑过的路过……
如果你想坑别人，想让他掉坑里，或者绕个大圈，那就推荐 W3Schools 吧～
说实话，我实在不知道在前端发展这么快的时代，推荐一个资料不全、落后，甚至错误的网站是什么心态啊？

[FrankFang128]

@elvba 斯德哥尔摩综合征

[muziki]

楼主这回复的心态....
培训班是不敢给人推荐了

[mingyun]

https://developer.mozilla.org/zh-CN/ 是不错，不过经常加载慢

[qiaobeier]

我是看这个网站入门的。。。 不过是 10 年前。

[qiaobeier]

当时还有什么 css 禅意花园什么的，不知道现在怎么样了。真是想当年了。

[BGLL]

为什么不推荐 W3Schools ？
1.W3Schools 跟 W3C 组织没有关系。
这好像不是评判一个入门教程好坏的理由，又不是参考文档要以官方为准....

2.W3Fools 对 W3Schools 的批评。
W3Fools 对 W3Schools 的批评是历史了吧，纠着历史上错误太多，标题应该是“为什么过去不推荐 W3Schools ？”


3.更好的选择
MDN 确实内容质量高很多，但这 2 个面对的受众就不一样， W3Schools 的内容明显是给几乎没有基础的人设计的，而 MDN 内容虽然丰富，但对于初学者来说很容易找不到方向... W3Schools 的内容就浅显的多，还有很多很简单的例子。


----
为什么不推荐小学数学书？
1.小学数学教材和 IMU 没有关系。
2.多几前的书上有很多错误。
3.随便一本高数教材都完虐小学数学书啊。

[FrankFang128]

@BGLL
1 不够权威
2 错误很多，现在依然错误很多
3 有更好的选择

逻辑哪里不对？

[ajan]

www.w3schools.com

www.w3school.com.cn 垃圾站

[FrankFang128]

@ajan 也没有到「垃圾」这么夸张吧

[Tyanboot]

我就是看着这个入门的 PHP 和 C#，尽管有错误，但还是足以入门的。

[BGLL]

@FrankFang128

1 不够权威
入门教程需要官方权威？
（话说 MND 和 webplatform 就是 W3C 就是官方的？）


2 错误很多，现在依然错误很多
你说它错误多的理由是：“ W3Fools 对 W3Schools 的批评”，然而这个理由是曾经发生的，你也说了 W3Schools 根据 W3Fools 的批评改正了错误。
要你能证明它目前比同类的网站错误多，你的说法才能才能成立，然而没有举证....


3 有更好的选择
你给的理由是：内容权威，并提供了进一步深入了解的链接。
内容权威就是第一点。

对于给初学者的入门教程，“更好”难道不应该是更浅显易懂、更友好、学习曲线更平滑之类的吗，
你证明 MND 和 webplatform 有在这些地方超越 W3Schools 了吗？

“内容权威，并提供了进一步深入了解的链接”能证明它们更适合初学者吗？

当然我说的一切大前提是， W3Schools 的受众是没基础的初学者。
难道你认为 W3Schools 的受众不是初学者？

也就是说 2,3 点都只有论点没有论据

[FrankFang128]

@BGLL
1. 权威指的不是身份，而是背后的人。 W3Schools 的维护者与 MDN 、 WPD 的维护者怎么比。
2. W3Fools 对 W3Schools 的评价很中肯，不用我复述

W3Schools still has issues but they have at least worked on the primary concern developers had. For many beginners, W3Schools has structured tutorials and playgrounds that offer a decent learning experience. However, it would be a mistake to continue your education without learning from more reputable sources, so when you're ready to level up, move on.

总的来说就是，如果你真心想学前端，请尽早离开 W3Schools 。

3. MDN 哪里不友好？

https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-radius MDN 是这样介绍一个属性的
http://www.w3schools.com/cssref/css3_pr_border-radius.asp 是这样介绍的
你喜欢哪一个是你的偏好，
但是 MDN 明显更详实，更深入。
W3Schools 很明显的浅尝辄止的倾向。

如果你自学一个月了，还在 W3Schools 上，说明有问题。

[fangxing204]

以前发现有错误，但是不知道还能用什么

[BGLL]

@FrankFang128

1 、 权威指的不是身份，而是背后的人。 W3Schools 的维护者与 MDN 、 WPD 的维护者怎么比。
我说了“入门教程需要官方权威？”。
而且我并不知道 W3Schools 、 MDN 、 WPD 的维护者是谁，你也没有给出。

2. W3Fools 对 W3Schools 的评价很中肯，不用我复述
那里中肯了，只有指责没有证明，这也叫中肯？只是表达而已。

3. MDN 哪里不友好？
MDN 层级过多，内容过多，重点不如 W3Schools 明显，当然我说的是对初学者而言。

“更详实，更深入”
说过了：对于给初学者的入门教程，“更好”难道不应该是更浅显易懂、更友好、学习曲线更平滑之类的吗。
这才是初学者最需要问题。你要证明 MND 和 webplatform 是更好的选择当然要从这个方面来证明。
然而你没有。

“如果你自学一个月了，还在 W3Schools 上，说明有问题。”
这能证明 W3Schools 不适合初学者吗？
你小学读了 6 年 ，还在小学，当然有问题，但这是说小学不好的理由？

实际你说那么多，就是：
[W3Schools 没有 W3C 官方背景，还有个网站批评它，而且 MND 和 webplatform 内容更深入。]
说它坏，没有证明。说别的好，方向也不对。
刻意无视 W3Schools 受众是初学者的事实。简直就是太不敬业了。

[Perry]

现在搜索结果很多都是 MDN 在第一个了

[theoractice]

同是入门教程，同是内容过时，谭浩强的 c 语言喷的人多， w3schools 赞的人多，这是什么原因？

[tt7]

过了一遍那个堪误表，并没有多少很严重影响初学者学习的内容，说“无伤大雅” 不为过。而且所建议的内容反而更容易让新手困惑。

有种 LOL 打到黄金局暂时也不上去，只好去青铜局秀操作的意味.