?簡單的說，就是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的分離，實現代碼的可復用性。

我好像把：“不同的問題找相同點；相同的問題找不同點了。”用上了；通過這兩個例子，此種類型的問題都可以用兩部曲解決。

總結

以上是生活随笔為你收集整理的web标准---html、css、js分离的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。