web标准---html、css、js分离

 简单的说，就是HTML、CSS、JavaScript这三者分离。WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。 

web标准的优点：

 代码的效率：

在HTML文件中使用最精简的代码，而把样式和页面布局信息包含进CSS文件中。则放在服务器上的文件越小，下载文件需要的时间就越短。 

可用性：

产品是否容易上手，用户能否完成任务，效率如何，以及这过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力。

可维护性：

页面的样式和布局信息保存在单独的CSS文件中，如果你想改变站点的外观时，仅需要在单独的CSS文件中做出更改即可。整站统一css则可带来巨大的便利。

 可访问性：

上网用户中那些视力受损的人，通过屏幕阅读器使用键盘命令将网页的内容读给他们听。以语义化的HTML（结构和表现相分离的HTML）编写的网页文件，就可以让此类用户更容易导航，且网页文件中的重要信息也更有可能被这些用户找到。

语义化标签利于 网络爬虫/搜索引擎：搜索引擎使用“爬虫”，解析你的网页。语义化的HTML能更准确更快速的被解析，从而知道哪些才是重要的内容，那么你的网页在搜索结果中的排名就会大受影响。

 兼容性：

纯HTML，无附加样式信息，可以针对具有不同特点（如屏幕尺寸等）的设备而被重新格式化，只需要引用一套另外的样式表即可。同时，CSS本身也可以让你为不同的呈现方式和媒体类型（如在屏幕上阅读网页，打印网页，在移动设备上阅读网页等）规定不同的样式表。

实现Javascript/css与HTML的分离的步骤是很相似的，当然也不同，接下来就是具体的实现。

第一步：首先都是创建文件

只是创建的文件不同。如下图      

 

1）如果创建JavaScript代码与HTML的分离的文件创建：

a)    选择JavaScript页面类型

b)    显示创建的文件，把<script language="javascript"type="text/javascript"></script>  框架里面的代码放入到创建的文件中

（切记:不要把框架代码放入文件，把HTML中的此框架及内容全部清除）

c)     保存文件：给文件命名，文件的类型为：.js文件。

2） 如果创建css代码与HTML的分离文件创建：

a)     选择css页面类型

b)     显示创建的文件，把<stysle type=”text/css”></style>框架里面的内容放入文件中（同上不包括框架代码，把HTML中的此框架及内容全部清除）

c)      保存文件：给文件命名，文件的类型为：.css文件。

第二步：在HTML中引入我们保存的文件

1） 在HTML中引入.js文件：

找到引入的文件，其他都是默认选项；当然在HTML中需要把光标定位引入文件的地方。

2） 在HTML中引入.css文件：

找到引入的文件，其他都是默认选项；当然在HTML中需要把光标定位引入文件的地方。

总结：

两大步就可以实现Javascript/css与HTML的分离，实现代码的可复用性。

我好像把：“不同的问题找相同点；相同的问题找不同点了。”用上了；通过这两个例子，此种类型的问题都可以用两部曲解决。