在BS中，xml，html，css和js我們都用過，起初分不清這四者的區別和聯系，只知道別人說css、js什么的隨着知識的增長，有了一些體會。
是什么？做什么用？
（一）XML—Extensible Markup Language
可擴展標記語言是一種簡單的數據存儲語言，使用一系列簡單的標記描述數據，
<Hello> <bcd>China</bcd> <bcd>USA</bcd> <bcd>UK</bcd> </Hello>
（二）HTML—Hypertext Markup Language。
超文本標記語言。用來描述網頁的語言。
<html> <head> <title>HTML</title> </head> <body> </body> </html>
HTML文本中包含了所謂的“鏈接點”HTML利用超鏈接的方法，將各種不同空間的文字信息組織在一起的網狀文本。總的來說，HTML就是整合網頁結構和內容顯示的一種語言。
（三）CSS—Cascading Style Sheet
層疊樣式表單。是將樣式信息與網頁內容分離的一種標記語言。用來定義如何顯示html元素。
（四）JavaScript
使用它的目的是與HTML超文本標記語言、Java腳本語言(Java小程序)一起實現在一個Web頁面中鏈接多個對象，與Web客戶交互作用。例如可以設置鼠標懸停效果，在客戶端驗證表單，創建定制的HTML頁面，顯示警告框，設置cookie等等。
其源代碼在發往客戶端運行之前不需要進行編譯，而是將文本格式的字符代碼發給瀏覽器，由瀏覽器解釋運行。
alert('Hello World！'); 把代碼嵌入HTML語言中，它會在加載時彈出一個“Hello World”對話框。
在網中html定義網頁的結構 相當於人的骨骼與器官
css描述網頁的樣子 相當於人的皮膚
html+css即（骨骼、器官）+（皮膚）=植物人
html+css+js，人！可以對外界刺激做出響應，可以思考，可以運動，可以化妝（改變css）
html、css、js文件加載順序及執行情況
雖然天天用到他們，但是我們未必熟悉，想着想着就有不明白的地方了，今天在弄明白點
HTML頁面加載和解析流程
1. 用戶輸入網址（假設是個html頁面，並且是第一次訪問），瀏覽器向服務器發出請求，服務器返回html文件。
2. 瀏覽器開始載入html代碼，發現<head>標簽內有一個<link>標簽引用外部CSS文件。
3. 瀏覽器又發出CSS文件的請求，服務器返回這個CSS文件。
4. 瀏覽器繼續載入html中<body>部分的代碼，並且CSS文件已經拿到手了，可以開始渲染頁面了。
5. 瀏覽器在代碼中發現一個<img>標簽引用了一張圖片，向服務器發出請求。此時瀏覽器不會等到圖片下載完，而是繼續渲染后面的代碼。
6. 服務器返回圖片文件，由於圖片占用了一定面積，影響了后面段落的排布，因此瀏覽器需要回過頭來重新渲染這部分代碼。
7. 瀏覽器發現了一個包含一行Javascript代碼的<script>標簽，趕快運行它。
8. Javascript腳本執行了這條語句，它命令瀏覽器隱藏掉代碼中的某個<style>（style.display=”none”）。瀏覽器不得不重新渲染這部分代碼。
9. 最終執行到了</html>
10. 當用戶點了一下界面中的“換膚”按鈕，Javascript讓瀏覽器換了一下＜link＞標簽的CSS路徑。
11. 瀏覽器向服務器請求了新的CSS文件，重新渲染頁面。
總結：1.總的來說就是按照html文檔的順序加載，遇到什么請求什么、返回什么
2.還有就是最好將無論內部或是外部JS文件放到所有html內容之后，這樣會令用戶感覺頁面加載速度變快了，否則如果將所有外部文件（包括css和JS）引用都放到<head>中，意味着必須等到全部的JS代碼都被下載解析和執行完畢后，才能開始呈現頁面的內容（當瀏覽器遇到<body>）,這樣會導致呈現頁面時出現明顯的延遲，二延遲期間的瀏覽器窗口將是一片空白。