网页文件必须含JS,CSS吗，起啥用途？

Posted 2023-05-03

网页文件必须含JS,CSS吗，起什么用途？

不是必须的，js控制动态效果，css控制的是页面布局，使用了会好看一点。没有js页面就和一个图片差不多，不会动 参考技术A 一篇网页是由html代码+css样式=js（javascript）组成。下面说说用途，css的用途就是给选定的文章加样式，这里的样式可以说成颜色、文字大小、文字类型等等，打个比方，css样式文件就好比人的衣服，穿上不同的衣服后会变得帅气、美丽。
js（JavaScript）也是网页中的重要组成部分，在HTML5中应用广泛，因为js这块大部分用在动态网页中，还是打个比方，js就好比你想让【鑫凯胜】这几个字自动轮播、滚动等等，就好用到js啦、 参考技术B

HTML、CSS、JS（JavaScript）共同构建了我们看到的所有网页展示和交互。

HTML（HyperText Markup Language）是超文本标记语言。

CSS（Cascading Style Sheets）是级联样式表。

JavaScript 是一种脚本语言，主要用于前端页面的 DOM 处理。


文本的意思，大家应该都明白，随手在桌面上建立一个 .txt 文件，就是一个文本文件。

那什么是 HTML 超文本标记语言呢？超文本就是超越文本的意思，表示它不仅仅是简单的文本，它比普通的 .txt 文件还要高级。那到底高级在哪里呢？第二个词 Markup （标记），就是对一个普通的 .txt 文件里的文字进行标记，标记其中的一段为 title，标记另一段应该另起一行，标记任意一段为某个意思等。

最后，这些记号超越了普通文本的标记，它们对普通文本的修饰，构成了一套规则，这套规则就是 HTML。

以盖房子类比，必须定义这个房子有多长、多宽，每一块面积如何规划，例如哪里是卫生间、哪里是饭厅、哪里是卧室。将这些定义好，网页也就有了最基本的样子。总之，HTML 就是用来布局网页中的每一个元素的。

CSS 中的“样式”就是指外观。还以盖房为例，定义好了各个空间，房子也盖起来了，但还要装修，例如给客厅贴壁纸、给卧室铺地板。CSS 就是起装修作用的，要和 HTML —起配合使用。

JavaScript 是一种脚本语言，它在网页中的作用是控制 HTML 中的每一个元素，有时要删除元素，有时要添加新元素。

大家可能遇到过这样的场景：单击网页上的一个按钮，会有一个网页上从没有过的元素显示出来，这就是利用 JavaScript 实现的。

房子已经装修好，贴上了墙纸，铺上了地板，桌子、板凳、沙发都已经摆好，一切都很完美。可是，一个有生活情趣的住户时常要买些新家具，或者把茶几换个位置，这时，移动、添加、减少物件就只能靠 JavaScript 实现。

本回答被提问者和网友采纳

site.webmanifest 文件的主要用途是啥？

【中文标题】site.webmanifest 文件的主要用途是啥？

【英文标题】：What is the main use of the site.webmanifest file?site.webmanifest 文件的主要用途是什么？

【发布时间】：2020-06-25 10:22:21

【问题描述】：

我正在使用 HTML 样板，我看到一个名为 site.webmanifest 的文件。网上查了资料，不明白怎么用。

是网页开发中的必备文件吗？何时以及为何使用它？我怎么知道什么时候必须使用它？

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/Manifest 应该回答你所有的问题。

另外，假设你指的是这个，github.com/h5bp/html5-boilerplate/blob/… - 基本解释就在那里。

“这可以更好地控制移动设备上已保存站点或 Web 应用程序的 UI。”我不明白。你能给我一个例子，你知道如何回答我提出的所有问题吗？ @CBroe

【参考方案1】：

请参考文档here。

这不是必需的文件。您需要使用它，或者在设计可以离线运行的 Web 应用程序时使用它。例如whatsapp web、todoist webapp、amazon webapp等。

Web 应用清单是称为 Web 技术集合的一部分 渐进式 Web 应用 (PWA)，即可以安装的网站 到没有应用商店的设备的主屏幕。与常规网络应用不同 通过简单的主屏幕链接或书签，PWA 可以在 先进，可以离线工作，也可以使用常规的 Web API。

Web 应用程序清单提供有关 Web 应用程序的信息 JSON 文本文件，是下载 Web 应用程序所必需的 类似于原生应用程序呈现给用户（例如，安装在 设备的主屏幕，为用户提供更快的访问和 更丰富的经验）。 PWA 清单包括其名称、作者、图标、 版本、描述和所有必要资源的列表（其中 其他东西）。