打开本章的小伙伴或多或少都是有点网页底子的吧！
大家都知道HTML css JavaScript 组合使用可以做一个静态网页
但你是否知道他们之间的关系呢？
他们看上去是三种不同的技术，但在实际中却是相互搭配使用的
HTML是超文本标记语言的简称
他是一种不严谨的、简单的标识语言
他主要的工作就是显示一个网页的结构
看到下面这张图大家就大概能理解
(这就是没有css的网页，相信小伙伴们网卡时都出现过吧)
----------------------------------------------------------------------------------------
CSS 层叠样式表是他的简称
而他的工作就是将HTML元素做展示及排版
他与HTML元素结合成为我们所能看到的网页
所以他的工作性质为样式
如下图
(这便是加载好css后的效果哦)
----------------------------------------------------------------------------------------
javascript是用来做界面互交的
他可以运行在客户端，同时也可以运行在服务器端
即我们点击、触摸所被监控到的一些行为
网页与我们之间的行为，它的性质便是行为
(当鼠标放到“我的账户”时，自动弹出的弹窗)
----------------------------------------------------------------------------------------
如上所总，HTML css Javascript排列称为“结构样式行为相分离”
至今，HTML中有很多能代替css的快捷标签
如b、i等、
但我们大多数不推荐这些标签，一些标签是可以代替简化
但为了SEO的优化，我们应该避免这种事发生
将大量的css，js装到外部文件引用
让爬虫更快的抓取到我们的网页，避免爬虫抓取太多无用的代码导致爬虫不友好行为
而且还能更好更方便的让我们的代码块可读化、简洁化
所以，HTML、CSS、Javascript他们之间的关系应该是密不可分、相辅相成的
转自：双鱼站
作者：小鱼儿
