与w3schools相比，有哪些在线HTML/CSS/Javascript学习参考资料可以选择？

Question

与w3schools相比，有哪些在线HTML/CSS/Javascript学习参考资料可以选择？

javascripthtmlcssreference

22

在我的Stack Overflow的时间里，我发现w3schools可能不是将人们作为HTML / Web编程参考所发送的最佳位置。我很久以前开始使用它们，并且多年来一直向那里发送人员，因为它们使用编程类别和教程。

我知道我可以在那里轻松找到可用于使用的不同标记（尽管可能不正确），并且我可以轻松地找到标记属性。是否有任何替代方案可以像他们一样提供相同的简单参考和教程？我应该把人们引荐到哪里？

- wajiw

1

W3Schools不是一个糟糕的网站。我的意思是，他们的教程并不糟糕。只要你不被愚弄认为他们具有任何官方地位。例如，他们的那些证书绝对毫无意义。我唯一真正抱怨W3Schools的是，他们假装他们所拥有的就是全部，你所需要的全部。除此之外，他们的内容并不比其他网站差多少。 - Mr Lister

DevelopMentor在其LearningLine在线课程中提供了大量关于HTML5、JavaScript和jQuery的免费教程：https://learninglineapp.com/schedule。 - Michael Kennedy

请参阅http://www.w3fools.com/以获取良好的描述。 - meawoppl

8个回答

10

通常我寻找HTML、Javascript或DOM信息的第一站是来自Mozilla开发者网络的MDC Doc Center。尽管有时会特定于Firefox/Gecko，但总体上是一个不错的首选。

就个人而言，我觉得HTML规范（甚至更多的是DOM规范）太难快速理解或作为快速参考使用了。MDC对此非常好。

- lonesomeday

我最近才听说过MDC。我没有意识到他们有教程等帮助人们熟悉HTML的资源。非常好的建议。 - wajiw

3

这里有很多好的参考资料，以下是我的建议：

伟大的技巧、参考和示例： http://www.quirksmode.org/sitemap.html
不错的逐步教程： http://nearlythere.com/mite03/css-tutorial/
速查表（非常酷！）： http://sixrevisions.com/resources/cheat_sheets_web_developer/

- Ivan Arrizabalaga

nearlythere的链接已经失效。 - QED

没错，一年前它还能用，:D。但今天我更愿意选择Codecademy课程进行逐步学习。请查看：http://www.codecademy.com/es/tracks/htmlcss，http://www.codecademy.com/es/tracks/javascript-combined - Ivan Arrizabalaga

2

最好的HTML参考资料是HTML规范本身：

它提供了元素/属性如何使用以及在许多情况下预期的反应的示例。

- zzzzBov

W3规范对于新的Web程序员来说可能会很吓人。我正在寻找更简化的学习参考资料。谢谢你的建议。 - wajiw

这是问题所在 - 人们认为w3规范就是答案。 - byronyasgur

当然可以，但问题是需要完全不同的工具——w3规范应该用于它们设计的目的——规范——而不是参考资料——我认为它就像一个金字塔，规范在底部——参考资料在其上——小抄和片段在其上，我们的大脑/记忆在最上面......你不能指望新手学生在试图解决问题/项目时深入研究规范。我已经使用HTML 12年了，但我仍需要很长时间才能通过规范（必须涵盖绝对所有内容）......这是我的看法。 - byronyasgur

@byronyasgur，我可以并且会期望新手学生使用CTRL+F来搜索他们需要的规范。我经常搜索规范以获取参考资料。我不想陷入争论，但是扫描细节，例如特定元素所需的属性，不需要很长时间。 - zzzzBov

@zzzzBov，我也不想卷入争论中，所以我尊重你的观点（但我会继续努力理解为什么人们看不到规格和谚语“hello world”场景之间的差距）......但是虽然我承认w3网站显然是一个很好的和准确的资源，但我认为它展示信息的方式不太好（除非你是在构建浏览器或其他东西的开发人员）......在页面上进行ctrl-f搜索在我看来并不好。不幸的是，W3Schools拥有完美的布局，这可能就是它如此受欢迎的原因——可惜其上的信息并不准确。 - byronyasgur

显示剩余3条评论

2

你应该为参考向某个主题的最官方机构发送某人。例如，如果有人询问特定的HTML标签或关于HTML规范的问题，他们的第一站应该是规范（作为示例，该规范中有许多页面锚点可直接导航到用户所需的内容）。

通过Google通常可以快速找到示例。如果Google的结果非常丰富并且似乎相当不错，那么只需将链接提供给用户即可。（这可能会微妙地促使他们更全面地使用Google，但请记住，SO通常不希望其答案仅是“只要Google它”，因此请使用技巧，并提供超出搜索之外的其他信息。)

- David

1

我喜欢这个：我喜欢歌剧教程。（从那里开始）。

简洁但完整，解释非常清晰！在这里查看目录。

- Trufa

1

有W3C的Web Education Community Group Wiki，关于他们维护的标准。它提供了一些有用的信息，例如HTML和CSS，并链接到适当的标准。

例如，请参见此页面上的textarea元素

编辑：我刚意识到这已经被提到为W3Fools页面上的“通用学习页面”，但是将此引用命名仍然可能有用。

- The Nail

0

像微软的MSDN和Mozilla的MDN这样的网站也不错，只要你记住它们是通过有色眼镜看世界的。当某些网站的信息与W3C网站上的信息冲突时，W3C总是正确的。
牢记这一点，你可以安全地浏览其他网站，甚至包括W3Schools。W3Schools并不比其他非官方网站更好或更差。

- Mr Lister

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- bdukes · Accepted Answer

blooberry.com：提供HTML、CSS和JavaScript的参考信息，特别是针对老版本浏览器的支持。
MSDN (HTML & CSS 部分)：微软公司提供的HTML和CSS开发文档。
HTML 4.01 参考手册：W3C发布的HTML 4.01标准规范。
WHATWG HTML 5 参考手册：由Web Hypertext Application Technology Working Group (WHATWG)维护的HTML 5标准规范。

W3Fools - 一个面向 W3Schools 的干预行动还推荐以下“更有信誉的来源”：

Opera Web 标准课程：介绍基于Web标准的HTML和CSS设计的基础知识。
Google 的 HTML、CSS 和 JavaScript 从入门到精通：由Google专业的Web开发人员演示的Web开发基础知识。
SitePoint：提供HTML、CSS和JavaScript文档，总是说明了在不同浏览器中的功能支持和已知的浏览器错误。
W3C本身有一个基于Wiki的通用学习页面以及一个HTML元素参考手册。
MDN (Mozilla 开发者网络)介绍中等难度的CSS，并比任何人都更好地覆盖了JavaScript。
MDN也是一个Wiki（鲜为人知的事实），这意味着我们作为有知识的Web开发人员可以添加或更改信息，以使页面尽可能有效和全面。