HTML、CSS、JS在前端开发中都扮演怎样的角色

　　前端开发，需要经常接触 HTML、DOM、CSS、JS等，那么HTML、CSS、JS在前端开发中究竟扮演怎样的角色呢？以下是个人的一些观点...

　　HTML：超文本标记语言 (Hyper Text Markup Language)，不是一种编程语言，而是一种标记语言。

　　　　　　定义了文档的内容，决定了要显示网页中的各个组成部分。（HTML文档中的每个成分都是一个节点——dom节点）

　　　　　　相当于“名词”。

　　CSS：层叠样式表 (Cascading Style Sheets)，定义了如何显示HTML元素。（宽度、高度、颜色、位置、边框、阴影等）

　　　　　 相当于“形容词”。（用来修饰dom节点）

　　JS：客户端的一种脚本语言，是一种轻量级的编程语言，具有简单的面向对象的特征。

　　　　 操作的是dom实现的“动态效果”，即实现页面动画效果。常用来给HTML网页添加动态功能，比如响应用户的各种操作。

　　 　　js是在html和css完成后添加的效果，例如轮播图、点击弹框、鼠标移动或悬浮不同位置呈现不同的效果等，还支持异步请求，即在不刷新页面的情况下从后台（服务端）请求数据。

　　 　　相当于“动词”。

---

　　结构----HTML（标签、节点）

　　样式----CSS（颜色，位置）

　　逻辑----JavaScript（控制）

---

　　注意：1、css3出来后，可通过伪元素实现部分动画。

　　 2、以上关于名词、形容词、动词的说法只是为了方便理解，不具备普遍定义性。

　　（该文仅供学习交流。如有不同观点，欢迎留下宝贵意见~）