HTML5与JavaScript的区别

Question

在任何人失去理智之前，我想请先听我说完。

最近我对一些新的技术特性非常感兴趣，这些特性都是通过新标准实现的，其中包括本地存储、会话存储、地理位置、离线Web应用和History API等。可以清楚地看到，这些特性大多是通过JavaScript来访问的。但是当我试图了解更多相关信息时，它们似乎都跟HTML5有关。

所以，我想问的是，我是不是没理解正确，还是这两个术语被广泛混淆了？

- None None

---

HTML5更像是一种“时代精神”，而不是单一的标准。 - Pointy

你可能会在这里找到答案：https://dev59.com/MWsz5IYBdhLWcg3wy7LU - Nick

你所指的JavaScript特性是ECMAScript的新版本的一部分。大多数浏览器同时采用新版本的ECMAScript和某些较新的HTML5特性这一事实是巧合，并非相关的。 - jbabey

我不明白为什么人们要踩这个问题，这个人显然是有一个问题需要解答的。 - Nick

Nick Karnik，谢谢您的答复，但我了解HTML和JavaScript之间的区别；我只是不理解最新的热点，似乎混淆了这两个术语，并想澄清一下，是否我对它们的理解有误或者它们确实被误解了。 - None None

抱歉，我认为那个线程上的答案很有用，但实际上可能并不是那么有用。HTML5定义了一个新的标准，浏览器实现了这个标准。几乎所有的功能都需要使用Javascript，除非你使用的是HTML5中的一个简单标签。 - Nick

Answer 1

“清晰的”答案是HTML是标记语言 - 用于注释网页内容，而JavaScript是一种脚本语言，用于为网页添加客户端交互。然而，HTML5标准现在涵盖了许多与Web页面相关的技术，以前需要额外的脚本或第三方插件才能在页面上使用。HTML5标准试图将所有常见的内容类型和交互性都包含在标记语言和浏览器中，使您的网页可以轻松使用。

但这并不能排除使用诸如JavaScript之类的脚本语言的需求。开发人员仍需对页面进行自定义交互操作，但现在HTML5标准已经预设了许多曾需要反复编写的常见交互操作。

- Bork Blatt

Answer 2

我认为更好的说法是它们不是竞争技术，而是互补技术。HTML提供网站的主要结构（以及一定程度的布局），而JavaScript则提供大部分交互性。

没有HTML的帮助，就无法制作网页。而JavaScript则提供了交互性。

但当我试图了解更多关于它们的信息时，所有与之相关的都与HTML5有关。

是的，正如mikerobi在这个相关问题中解释的那样，JavaScript被称为HTML5技术，而HTML5是HTML的下一代。 维基百科列出了HTML5的几个好处：

标记 强调DOM脚本（例如JavaScript）在Web行为中的重要性。

新API 除了指定标记外，HTML5还指定了可与JavaScript一起使用的脚本应用程序编程接口（API）。

您会发现，无论是JavaScript还是CSS3，都对于将HTML元素进行动画处理是必要的。使用JavaScript和HTML也可以实现动画效果。

- Rahul Tripathi

---

大致上说，HTML5只是提供了一堆API，可以使用JavaScript进行通信。 - Givi

@Givi：- 是的，我理解并接受了！ - Rahul Tripathi

Answer 3

您可以将HTML5视为一组技术的集合，其中HTML只是其中的一部分。广义上来说，我认为HTML5就是“HTML + JavaScript + CSS”，但即使这样也不能完全涵盖整个画面。

在我看来，不幸的是HTML5并没有特别指代HTML。如果我是W3C，我会将技术生态系统命名为“Web5”或其他类似的名称，并包含一个新的HTML规范。但我走题了。

我最喜欢的HTML5介绍是Mark Pilgrim的免费 Dive into HTML5，其中在introduction chapter中对其进行了很好的解释。

重要的一点是，JavaScript只是一种编程语言。虽然它最初是为基于浏览器的语言而设计的，但由于Node的推动，它作为通用语言的使用正在兴起。因此，如果你从这个角度来看它，认为本地存储、会话存储、地理位置等是语言的特性就没有意义了，因为在浏览器之外，这些特性几乎毫无意义。(尽管可以想象一个Node服务器可能需要地理位置，但这是一个伸缩的问题...) 无论如何，“API云”组成HTML5，这是HTML5特有的，不是JavaScript语言的一部分。

- Ethan Brown

---

解释得很好。简单地说，我们可以将HTML5视为HTML4 +一些新的花哨标签+ CSS3 +许多特定于浏览器的JavaScript API。 - Philip007