我应该从学习HTML基础开始，还是直接进入HTML5？

Question

我应该从学习HTML基础开始，还是直接进入HTML5？

3

我是一名设计师，我的编程知识仅限于ActionScript 3.0。不同版本的ActionScript有很大的区别——ActionScript 3.0与ActionScript 2.0或ActionScript 1.0差别很大，所以学习1.0或2.0没有太大意义，最好学习3.0。

我想知道HTML是否也是如此？

我想开始学习XHTML、HTML和HTML5以及CSS3。我应该先学习HTML基础知识吗？这对我有用吗？还是应该直接学习HTML5？

请推荐任何你认为能让我入门的东西。（书籍、优秀的视频教程、可能是一些擅长视频教学的人、建议、技巧，欢迎提供任何相关信息。）

谢谢。

- Flavius Frantz

这与HTML不同。因为HTML解析是由许多不同公司制作的软件产品实现的（而不是Adobe编写的一个ActionScript解释器），并且被数十亿作者制作的网页所依赖，因此通常会向语言中添加功能而不是重新设计。向后兼容性规则。 - Paul D. Waite

4个回答

4

当你想到 HTML 4 或 5 时，你需要主要了解它是一种用于描述文档及其包含数据的语言。从本质上讲，HTML 只是一个这样的标记语言。它正在获得新的功能，但它仍然是用于文档的标记语言。人们试图将其视为强大的编程语言，但即使是新的动态功能也需要 JavaScript 来辅助其功能。不要被误导认为 HTML5 与 HTML4 差别很大 - 在很大程度上，它们仍然做着相同的事情。

撰写良好且有用的 HTML（无论哪个版本）的关键在于正确使用语义和编写干净/高效的代码撰写实践。如果您使用正确的标签并编写非常干净的代码，则已经比我与之合作的一些“专业人士”做得更好了。这是非常重要的。

当您查看文档时，可以将其分解成多个部分。有文档类型、元数据、链接资源、媒体对象（图像、嵌入式对象）、基于文本的数据（表格、段落、标题、引用、列表等）、表单、框架以及将所有这些内容绑定在一起的元素，带或不带样式。

这基本上是 HTML 文档的基础。您可以使用 PHP、Ruby 或其他任何语言输出它，但是正确的文档始终会包含某些（有时还会包含所有这些）内容。理想的文档将在正确的位置（干净、一致的编码）包含这些内容，以实现它们的预期目的（语义）。

HTML5 引入了额外的元素来满足语义要求，以及与人们使用和开发网站的方式相吻合的有用动态元素。例如，有画布（canvas），这是一个可脚本化的矩形元素，用于呈现视觉信息。然后是本地存储 - 可以将键值对样式数据保存到用户的 Web 客户端数据库中以供稍后访问，这对于保存对站点上 contenteditable 元素（另一个 HTML5 功能）所做的更改可能非常有用，如果您知道同一客户端将始终被使用。还有很多功能，但我想你已经有所了解了。

新的 HTML5 功能不是撰写“好的 HTML”所必需的。它们很有用，但是您可以学习如何撰写出色的 HTML 而没有它们。事实上，这正是 HTML5 出现之前的过去十年里我一直在做的事情。我建议从基础开始学习 - 了解语义，它们的含义，我们为什么要使用它们，甚至包括新的 HTML5 标签（除了画布 - 画布是有用的元素，但使用它并不一定代表使用 HTML）。了解浏览器对元素的支持，然后学习在头部链接资源，例如样式表和 JavaScript。最终，您将对基本 HTML 有很好的感觉，并开始想要使用更高级的技术。

目前，如果您不是新的 HTML5 功能的专家，那么您并不会错过太多。当然有一些很酷的功能，但是规范仍可能发生变化，您可以花费这宝贵的时间来学习那些不会改变的东西 - 那些使 HTML 编码人员真正有用的基本事项

常用资源

Quirksmode - 优秀的博客，浏览器兼容性表格

html dog - 很基础，可以很好地帮助你入门

HTML5 语义化及其他信息

HTML5 Doctor - 容易阅读；可以学习一些新的 HTML5 标签，但更重要的是它们的语义意图（这很重要）

A List Apart - 再次深入探讨语义化

Dive into html5 - 当你想阅读一些东西时

- Steve Adams

2

HTML Goodies是何时获得了很高的声誉？我曾经以50便士的价格购买了JavaScript Goodies的纸质版本来测试，其他网络开发人员对此反应犹如吸血鬼看到圣经般崇拜。浏览了该网站的一些文章后，似乎自从我上次看它以来，并没有改善多少。 - Quentin

我会删除那个参考。它在互联网上备受赞誉，但这并不一定意味着发言的人知道他们在说什么。我看了一下，它似乎还可以，但在某些方面有点欠缺。例如，将锚点称为“href标签”。我想他们是出于好意，但执行得不够好。感谢您指出这一点。 - Steve Adams

1

HTML5只是更新以适应今天互联网的旧HTML。我认为没有理由去学习过时的语言。这只会让你感到困惑 - 我建议你转而专注于HTML5和CSS（XHTML基本上是带有一些更严格规则的HTML4），然后转向你最感兴趣的内容。

- silverstrike

谢谢您的回答。您能否推荐一个好的视频教程，让我直接从HTML5开始入门，或者介绍一下？我喜欢视频，因为我可以在自己编写代码时听到声音，并查看他的代码是否有效，看看他用什么来编写代码（例如对于ActionScript，我使用FlashDevelop，它具有很好的自动完成建议，整个内容都被漂亮地着色（变量是蓝色的，函数是绿色的等等）... HTML和CSS之类的东西也有这样的工具吗？哪些是最好的工具？[也许我应该在问题中添加这个评论的部分...嗯] 谢谢 - Flavius Frantz

我相信有一些免费的开源解决方案，但我没有去查看过，所以无法推荐。不过，我可以推荐Lynda.com，这是一个专有网站，您需要付费才能观看视频，但视频非常清晰、简洁明了（大多数情况下），而且非常专业（根据我所见），所以您可能想要去看看。 - silverstrike

关于HTML5，我要提醒你的一点是：要注意你正在创建的网站或Web应用程序所针对的浏览器。虽然HTML5/CSS3得到了更广泛的支持，但在旧的桌面浏览器（如IE7/8）中使用它并不被很好地支持。如果你主要针对特定的移动浏览器，那么它会有更好的支持。如果你想知道哪些浏览器支持HTML5功能，我强烈建议你查看http://caniuse.com/。 - calvinf

0

是的，在学习与 HTML 相关的内容之前，你应该先从基础的 HTML 开始。

- Ed B

公平地说，HTML本身只有几个标签和一些属性（不包括样式，那是CSS的一部分）。HTML5不会是一个坏的开始。 - Blindy

@Blindy：非常正确，尽管我不知道有哪些HTML5学习资源不假定你已经了解HTML。 - Paul D. Waite

直接使用HTML5的缺点是可能会让新的设计师或Web开发人员不了解在旧浏览器上不受支持的HTML5或CSS3新特性的限制。然而，HTML4也有其自己的怪癖和奇异之处。 - calvinf

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

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

- Quentin · Accepted Answer

HTML 5本质上是在HTML 4的基础上添加了一些功能，因此需要学习"HTML"。

5并非从头开始重写，它仍处于草案形式，因此其中的大部分内容可能会发生变化，并且受到有限的浏览器支持。