1. 程式人生 > >瞭解HTML、CSS、JavaScript的使用和關係

瞭解HTML、CSS、JavaScript的使用和關係

一、簡單認識

一個基本的網站包含很多個網頁,一個網頁由html, css和javascript組成。html是主體,裝載各種dom元素;css用來裝飾dom元素;javascript控制dom元素。

1、什麼是HTML(超文字標記語言 Hyper Text Markup Language),HTML 是用來描述網頁的一種語言。html是用來描述網頁的一種語言,它不是一種程式語言,而是一種標記語言(標記標籤),總的來說,html使用標記標籤來描述網頁。
2、CSS(層疊樣式表 Cascading Style Sheets),樣式定義如何顯示 HTML 元素,語法為:selector {property:value} (選擇符 {屬性:值})。css的官方名字叫層疊樣式表,它的出現是為了解決內容和表現分離的問題,一般存放在.css檔案裡。
3、JavaScript是一種指令碼語言,其原始碼在發往客戶端執行之前不需經過編譯,而是將文字格式的字元程式碼傳送給瀏覽器由瀏覽器解釋執行。js是網頁進行動態互動重要的語言。
平時聽到原生js,js庫,js框架,js外掛等等,下面簡單說明一下。
l 原生js,是指最基礎的js,沒有封裝過,但因為各瀏覽器對js的支援不同,就導致用基礎的js程式設計需要為不同的瀏覽器寫相容程式碼。
l Js庫,js框架,是指整合一系列dom操作,API封裝,介面UI封裝的的庫類,常見的有jQuery,extjs等等,這方面的定義比較難區分,暫不誤導大家
l Js外掛,就是集成了幫助程式設計師輕鬆完成功能的程式。Js外掛用得比較多,網頁製作上隨處可見。如圖片輪換功能,導航製作,上傳圖片等等。

二、三者關係

  對於一個網頁,HTML定義網頁的結構,用圖片文字表格等等一個個標籤,CSS通過對html尺寸顏色等屬性的定
  義,描述網頁的樣子,JavaScript負責網頁動態互動。一個很經典的例子是說HTML就像 一個人的骨骼、器官,                                                                                          而CSS就是人的面板,有了這兩樣也就構成了一個植物人了,
  加上javascript這個植物人就可以對外界刺激做出反應,可以思 考、運動、可以給自己整容化妝(改變CSS)等等,成為一個活生生的人。