天王盖地虎
HTML CSS 和 JavaScript是如何共同工作并生成网站页面的。三个（HTML CSS 和JavaScript）都是是用来建立网站页面的主要工具，他们分别有各自不同的功能。
HTML一般用来生成内容的结构
CSS一般用来应用于显示风格
JavaScript用来完成几乎所有的互交应用,一般独立的于HTML代码保存在独立的文件中。
那么三种技术是如何合作生成一个完美的网站呢？
一般来说一个网站包含着网站结构，网站风格和网站的互交操作。这三种基本功能通常由HTML CSS 和JAVASCRIPT三种技术来实现，通常网站浏览器知道如何解释这三种代码。
HTML： 用于将内容标记成不同的结构类型，比如段落、块、列、图片、表格、标注。
CSS: 用于浏览器显示不同的元素类型。
JAVASCRIPT: 用于浏览器对用户的操作进行互交操作（比如点击，或者改变输入内容）
关于网站制作中2个值得注意的事情是： 注意正确的HTML标记，保持HTML CSS 和JAVASCRIPT代码独立
1. 正确的使用HTML，不同的HTML标记用来表示内容的不同结构，每个代码必须在合适的地方表示恰当的意思。当我们说HTML的语义时候就是表示他们的意义。
2. 保持相互独立，简单的来说就是不要将HTML CSS 和JAVASCRIPT三种代码混合在一个网站中，必须将他们分别存储在不同文件中然后在HTML页面中调用。
这样使用有很多的好处不仅仅是更加有逻辑而且简单。简洁就是没。
简易管理：保持网站风格和功能代码在同一个文件中可以使编译速度更快代码更安全，修改更容易
易于部署：能更容易设计网站外观或者用作不同的工作领域和使用者。
译者注：原文作者Ben Hunt
原文地址：http://www.webdesignfromscratch.com/html-css/how-html-css-js-work-together/
小鸡炖蘑菇