从语义上学习 HTML 的最佳网站是啥？ [关闭]

Posted 2023-02-24

【中文标题】从语义上学习 HTML 的最佳网站是啥？ [关闭]

【英文标题】：What's the best website for learning HTML Semantically? [closed]从语义上学习 HTML 的最佳网站是什么？ [关闭]

【发布时间】：2010-09-27 09:46:39

【问题描述】：

我应该在哪里指导某人学习 html/CSS 的基础知识？我个人是从HTMLGoodies 开始的，虽然我感谢肯伯恩斯让我继续前进，但我现在不愿意派人去那个网站，因为我认为它已经过时了。

显然有许多网站累积包含所有需要的信息，但是在哪里发送您不想吓跑的新人？

---

编辑：

老实说，我认为我没有使用 w3schools.com 会遗漏一些东西，但我发现在教程的三页（html 和 xhtml）中，他们使用了 <b></b>。该死的耻辱，他们不鼓励语义。

有谁知道什么能让人走上正轨？

【问题讨论】：

> 他们使用 这确实简化了学习 html。如果他们从一开始就使用一些 id、类和对 css 样式表的引用，这可能会导致难以理解 html 的基本概念。

@koldfyre - 粗体意味着美学而不是内容。 strong 意味着应该坚定地阅读此内容。 em（强调）和斜体标签也是如此。想想屏幕阅读器应该如何阅读斜体或粗体，你就会明白为什么它们是禁忌。

@sergdev - 我同意他们不应该引入样式，但是当它是书中最不被使用的元素之一时，他们不应该鼓励粗体作为一个元素。粗体是一种表示元素，语义/标准促使我们有充分的理由将内容和表示分开。

不过，我对将 转换为 的系统感到恼火。 是语义性的：它用于许多语法结构，例如船名、书名以及将单词作为单词的讨论：比较“苏格拉底是希腊哲学家”与“苏格拉底有八个字母”。我不太确定粗体标签在语义上是否准确。

@timothy.green.name - 我同意斜体元素有正当理由，我喜欢你指出的。我只是希望教程网站能在以后更高级的阶段介绍它。

【参考方案1】：

我不敢相信有多少人在回答 w3schools。我不能推荐足够的人永远不会再提到这个地方。这是一个可怕的资源。

几个好地方：

HTML5 的补充： http://diveintohtml5.ep.io/

http://alistapart.com

http://www.quirksmode.org/

http://www.thinkvitamin.com/

不完整，但我们雇用的任何网络开发人员都需要阅读 alistapart.com。

【讨论】：

@Mike - 我完全同意该列表作为进一步阅读，但我明确地寻找发送一个我不想感到害怕的完整新手的地方。 HTML 很简单，但您需要克服第一个障碍。

对于 Jeffrey Zeldman 写的任何书 +1。

我喜欢 A List Apart。我们刚刚聘请了一位新设计师来设计艺术品/徽标和其他东西。他做了一些闪光，但他以前从未为网络工作过。我指给他 A List Apart。

你为什么对 W3Schools 如此失望？他们实际上非常适合获得基础知识。如果您对 HTML 等完全陌生。那么我完全推荐用于 HTML 和 CSS 的 W3Schools。如果你想要更多，我建议谷歌搜索人们是如何解决你的问题的。所以我强调从 W3 中获取基础知识，然后在需要时搜索特定的东西。我猜每个人都有自己的想法。

【参考方案2】：

此外，永远不要低估在编写良好的网站上阅读源代码的力量。

【讨论】：

不应该因此受到负面影响。阅读其他人的标记将是我的家庭作业。

有些人通过查看有效的东西，将其拆开，然后将其重新组合在一起，从而获得最好的学习效果。但是，并不是每个人都这样学习，请记住这一点。

【参考方案3】：

我不敢相信这里的人会推荐 W3Schools。这是我推荐任何人去的最后一个地方。

我会推荐用户前往的一个地方是 SitePoint。那里的很多文章都是针对高级用户的，尽管论坛的质量和初学者文章都太好了，不能通过。我也同意Mike's 的建议作为发送一个完整新手的地方。

就获得实用技能而言，我推荐的一件事是在文本编辑器模式下打开一个文本编辑器或一个好的 IDE，然后编写一个网站来看看会发生什么。前往Open Source Web Design 页面，看看其他人如何创建基本布局，然后将这项技能应用到您自己的。

【参考方案4】：

HtmlDog 为初学者、中级和高级用户提供了一套很好的指南。它还为所有 HTML 和 CSS 提供了有用的参考。

【讨论】：

看起来不错，从右脚开始

【参考方案5】：

我真的很喜欢yourHTMLsource。 Quirksmode 和 AlistApart 很棒。而Ajaxian 是更先进、更广泛的资源。 我从 w3schools 开始，但很快这个网站就成了我最不喜欢的网站。

【参考方案6】：

Read this book（Zeldman 使用 Web 标准进行设计）

【讨论】：

我发现 Zeldman 更适合已经在游戏中的人，尽管你不应该在没有阅读的情况下进入游戏。

【参考方案7】：

为了使这个问题的答案保持最新，截至 2011 年，Opera Web Curriculum 是学习前端 Web 开发的最佳方式。它是全面的，鼓励最佳实践，对于那些完全不熟悉该领域的人来说，它通常是一种优越的资源。

【参考方案8】：

我认为你应该检查www.tutorialrepublic.com。这个网站有很棒的 HTML/CSS 教程。我从这个网站学习了 HTML/CSS，我真的很喜欢这个，他们非常清楚地解释了这个主题。

【参考方案9】：

没错，我个人也是从 HTMLGoodies 开始的。我认为 tizag.com 更新更多。

【讨论】：

我只翻了几页就可以清楚地看到这是我要找的那个。简单、友好，就像 HTMLGoodies 一样，但没有他们多年来引入的混乱。虽然仍然是可怕的粗体标签

我建议您查看这个比 w3schools 和 tizag 更好的更新站点 snoopcode.com

【参考方案10】：

我不敢相信这里的人 推荐 W3Schools。那是 我会推荐任何人的最后一个地方 走。 对我来说这是一个很棒的... 也许不是“那个”参考网站，但它是一个非常好的和实用的关于 html 和东西的秘籍......

htmldom 部分对我来说是最好的部分之一...

【讨论】：

如果您想要参考，那么最好的地方就是规范本身。一旦您对结构有所了解，并且您已经阅读并测试了来自其他网站的足够源代码，您就完全有能力编写自己的代码了。

@MikeB 规范本身就像阅读法律文件。简单地学习一些东西过于复杂。当我不确定我的标记是否有效时，我只会求助于规范。

【参考方案11】：

如果您说德语，学习 HTML 的最佳网站是： http://selfhtml.org

【讨论】：

为什么没有链接？ selfhtml.org.