淺析HTML、CSS、JavaScript之間的聯絡與區別！

HTML、CSS、JavaScript是前端學習非常重要的內容。Web可以被看做是一個有生命的物體或人體，HTML可以視為骨骼和肌肉，CSS可以視為皮膚和毛髮，而JavaScript可以視為受一定支配的行為。這樣比喻不一定完全恰當，但可以幫我們更好的理解這三者之間的關係。本文，小千就來詳細說說HTML、CSS、JavaScript三者之間的區別！

先從HTML說起：

作為網頁內容的載體，HTML包含了使用者需要瀏覽的內容，包括圖文、視訊，即構成網頁的基本元素。HTML是網頁的結構（Structure），需要有多種框架和佈局，比如frameset框架集、iframe內聯框架、div+css佈局、table佈局等，同時支援表單提交（HTML Form），包括基礎表單、input輸入框、輸入框型別、文字域、列表、label等。當前，大家通用的是HTML5，其中還有一些新增元素，比如footer、header等。總之，HTML的功能越來越強大，作為初學者還是要把握主幹，有重點地去學習。

其次是CSS：

CSS的作用是效果，或者說是表現（Presentation），比如網頁上的動態文字、文字的色彩、字型、動畫效果。正是因為CSS的存在使得HTML變得豐富多樣。學習CSS，可以從版本CSS3開始，要了解CSS3的動畫效果，如2D變換、過渡、特殊圖形的繪製，雪碧圖、滑動門等等都是常見的效果；除此之外，CSS3還有媒體查詢（Media Queries）、grid，以及多列布局、使用者介面等。CSS部分需要配合HTML，並結合例項來加以學習，這樣效果會跟好。

最後要說一說JavaScript：

如果說一個網頁只有“結構”和“表現”，而缺少了使用者與網頁的互動，即行為（Behavior），那麼這樣的網頁就如一潭死水，無法形成良好的使用者體驗。好的使用者體驗不僅可以讓使用者滑鼠放在哪裡、哪裡就會產生人性化的效果，而且可以增強使用者的可操作性，例如購物網站使用者的訂購，網頁會實時顯示使用者的購物動態。這樣一來，JavaScript就有了程式設計的意味。和其他程式語言一樣，JavaScript也有資料型別、條件語句、分支語句、字串詳解、陣列詳解、物件、函式、數值、Math函式、作用域。如果這一部分可以學會，便可以往更深的內容去發展。

如今，大前端的時代已經來臨，熟練使用HTML5、CSS3，對前端人員的製作要求越來越高，能否做出酷炫的效果成為衡量前端技術的一個標準。如果你想掌握Web前端技術，可以關注小千，後期分享更多Web前端知識！

本文來自千鋒教育，轉載請註明出處。