很多童鞋們都會問小編，WEB前端和HTML5是怎麼樣的關係，他們到底是有哪些區別呢？下面小編將給童鞋們做一個簡單的描述，H5是一種開發型別的語言，而WEB前端是在開發H5用到的技術支援，他包括了 HTML5、JAVASCRIPT、CSS3等開發語言，我這樣講不知道童鞋們懂了嗎？

在我們日常學習和工作中，HTML，CSS和JS我們都會用到或者學習到，剛開始分不清楚這三者的區別和聯絡，隨著我們接受程式碼的時間，有了一會新的體會。那麼跟著小編學習下面的三種技術到底能夠幹深惡，起什麼樣的作用。

WEB前端工程師是近些年才冒出來的新職位，也是目前最受歡迎的職位並且工資很高。每個公司對這個職位的稱呼也不一樣（網頁設計、網站開發、前端工程師、HTML5工程師），那麼我們需要掌握和了解哪些知識點呢？下面小編總結了一下幾點，供童鞋們一起交流學習。

1、HTML—Hypertext Markup Language

超文字標記語言。它透過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案，透過在文字檔案中新增標記符，可以告訴瀏覽器如何顯示其中的內容（比如文字如何處理，畫面如何安排，圖片如何顯示等）。

瀏覽器按順序閱讀網頁檔案，然後根據標記符解釋和顯示其標記的內容，

HTML文字中包含了所謂的“連結點”HTML利用超連結的方法，將各種不同空間的文字資訊組織在一起的網狀文字。那麼總的來說HTML就是整合網頁架構和內容顯示的一種語言。

2、CSS—Cascading Style Sheet

層疊樣式表單。是將樣式資訊與網頁內容分離的一種標記語言。我們在牛腩新聞釋出系統中，我們使用過CSS檔案，對一些標籤的樣式進行修改。

我們使用CSS為每個HTML元素定義樣式，也可以用於多個介面。進行全域性更新時，只需修改樣式即可。body { border ：2px solid #fff；/*整體的邊框*/font-size ：16px； /*字型大小*/            }

3、JAVASCRIPT

有些剛瞭解的時候覺得奇怪為什麼有個JAVA，和JAVA有什麼關係嗎？

其實和JAVA沒有區別，主要是為了推廣，所以它的推廣很成功，也是借了Java的東風。當微軟開始意識到Javascript在Web開發人員中流行起來時，微軟還是一貫風格，建立了自己的指令碼語言，JScript。

Javascript是一種基於物件（Object）和事件驅動（Event Driven）並具有安全效能的指令碼語言。使用它的目的是與HTML超文字標記語言、Java指令碼語言（Java小程式）一起實現在一個Web頁面中連結多個物件，與Web客戶互動作用。例如可以設定滑鼠懸停效果，在客戶端驗證表單，建立定製的HTML頁面，顯示警告框，設定cookie…… 。

function jsHello{

//在頁面輸入：Hello World！

alert（‘Hello World！’）；

}

把程式碼嵌入HTML語言中，它會在載入時彈出一個“Hello World”對話方塊。至於怎麼嵌入的，我們在學習JS影片之初就已經知道了。

4、歸納總結

關於HTML、CSS、JS的區別小編今天就講到這裡，後面還會更新關於HTML、CSS、JS的結合使用及使用中遇到的一些常見問題，請繼續關注我們的百家號——HTML5的那些事。