产品经理需要知道的技术-网页基础知识入门

缘起

JSON 是什么？
JSON 和 JavaScript 一样吗？

概述

JSON：  JavaScript Object Notation， JavaScript 对象表示法。虽然来源于 JavaScript，但是已经普遍用于各种语言和数据交互中。
JavaScript：JavaScript 是一门编程语言，主要用于网页开发。现在也支持后端服务开发。名字中有Java，但是和 Java 没有关系。

网页构成

HTML

HTMl：HyperText Markup Language，超文本标记语言。HTML 不能算编程语言，它只是相对于普通的Text，能够通过相互链接的方式，将这些Text组织起来。 定义了一些标签，告诉浏览器这些标签在浏览器上如何呈现。HTML 规范相当于建房子的时候的图纸。实际建的房子相当于浏览器对这些图纸的实现。
HTML 是骨架和结构，定义网页有什么内容，例如有导航栏，有一个登录注册按钮，有新闻列表等。定义了有什么。

CSS

CSS：Cascading Style Sheets，层叠样式表。HTML 是房子的框架，CSS 就是硬装。例如，HTML定义了一个窗户框架，CSS 通过对窗户的颜色等外观的定义，呈现窗户的综合效果。
CSS 是呈现，定义大小，颜色，字体等。定义了长什么样。

JavaScript

JavaScript 是实现交互、内容更新、数据交互等能力。 相当于房子的软装，定义房子应该有哪些能力。还是以窗户举例，HTML 定义了这个有一个窗户，CSS 决定窗户长什么样，JavaScript 定义了窗户的能力，是往里开，还是往外开，还有开窗户的时候应该做哪些其他的事情，例如开窗户的时候要触发关闭空调等。

© Dajun 2026