衣服外套脚本设计 web前端中html，css和JavaScript这三个的关系是怎么样的

web前端中html，css和JavaScript这三个的关系是怎么样的

我们说，Web前端三剑客：HTML、CSS、JavaScript，它们看上去是三种不同的技术，但在实际中却是相互搭配使用的。

HTML是用来标记内容的（重在内容组织上）

HTML是超文本标记语言的简称，它是一种不严谨的、简单的标识性语言。它用各种标签将页面中的元素组织起来，告诉浏览器该如何显示其中的内容。

为什么说HTML是不严谨的呢？因为HTML标签即使不闭合，也并不会影响页面内容的组织。

CSS是用来修饰内容样式的（重在内容样式美化展示上）

CSS是层叠样式表的简称，它用来表现HTML文件样式的，简单说就是负责HTML页面中元素的展现及排版。

JavaScript是用来做交互的

JavaScript是一种脚本语言，即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎，JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的，使静态的HTML具有一定的交互行为（比如表单提交、动画特效、弹窗等）。

HTML与CSS及JS的关系

这三者99%的情况下都是搭配使用的，但也不是绝对的，具体关系是：

HTML与CSS、JS是不同的技术，可以独立存在；

HTML一般需要CSS和JS来配合使用，否则单一HTML文档无论是功能还是展示上效果都不理想；

不可以web的主要组成是html+css。js只是辅助实现一些效果所以由此可以看出来，html+css才是主流，从另一方面来说。网站建好之后要进行优化推广，各大搜索引擎是不认识js是什东西的，他们很排斥js。相比起来，他们很喜欢html。所以，在建设网站的时候要尽量少用或者是不用js。专业将这三者的关系：

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

2. CSS样式是表现(外观控制)。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

html是搭建页面结构和一些基础表单。

css是针对上面html搭建的页面进行渲染美化，没有css网页看起来很丑的。

javascript是让页面和用户有交互功能，比如用户点击一个按钮，给用户一个提示之类的。

所以现在几乎任何网站都离不开这三样技术。