【初级理解】结构、表现、行为分离

为什么都在强调这么一个概念？
   1、从代码体量分析：html标签中也可以写内联样式和内部样式，为什么还要写成外部样式引入呢？举个简单例子，钱包都有好几层我们都会习惯性的将不同面值的纸币分开放置，这样方便好找。假如这个页面内容特别多，单单html的标签就让人眼花缭乱了，还穿插了内联样式这样代码就会特别的混乱也容易出错。至此我们迎来了第一个分离，如果把所有的样式都写成内部样式与标签分离开来，这样是不是就清晰了一点。这样还会有一个问题就是我们的代码的行数将会急剧增加，这样要查找修改某一个内容就不太容易了。那么外部样式就解决了这两个问题，分离html和css使代码变得更清晰、缩小代码体量编写起来更轻松。 But  理念不是一成不变的，正规的页面编写我们可以采用这样思想，如果我们只是写一些个简短的小demo来验证我们的一些想法难道也要去写一个外部样式？显然这是多余的。
  2、从各自的功能点分析（ 可以说是分类的思想，从他们的功能点 ）：
        Html：它能做什么？编写网页的内容，不加任何特效的html就像word一样， 主要的目的是为了传达文本和图像信息（它也只能做到这么些，语义化和标签属性暂不讨论） ，这也是为什么初期的网页都用文本文档编写了。
        Css： 它出现的目的是为了让网页的表现更丰富， 于是我们可以对网页的内容做出一些外在的改变，例如文本颜色、背景颜色..。
        Javascript: 本质上来讲通过某一个锚点来对 html和css做出更改（当然JS有非常丰富的功能）， 最具有代表性就是点击事件，我们可以通过点击已经绑定点击事件的按钮来改变其他文档内的无关元素的html和css属性。事件就像是一副皇帝脸颊的面具，有了它我就可以 为所欲为。
      讲了这么多本质是一个分类的思想，例如图书馆会按照内容把书分成工具书、文学、语言等不同的类别，为什么要这么做，这样清晰、方便、便于查找修改。并且在协同开发中我们的代码不只是写给自己看的，我们需要有这么一个默认的规则来兼容并解析不同的代码风格。