1. 程式人生 > >HTML、CSS、JS與JQuery的區別

HTML、CSS、JS與JQuery的區別

【一】HTML——Hypertext Markup Language

 HTML:超文字標記語言靜態網頁。“超文字”就是指頁面內可以包含圖片、連結,甚至音樂、程式等非文字元素。該文件本身有頁面結構,顯示頁面內容;可以理解為網頁中的標籤,比如div、ul、p等等這些。瀏覽器按順序閱讀網頁檔案,然後根據標記符解釋和顯示其標記的內容。 HTML文字中包含了所謂的“連結點”HTML利用超連結的方法,將各種不同空間的文字資訊組織在一起的網狀文字。HTML就是整合網頁結構和內容顯示的一種語言。

【二】CSS——Cascading Style Sheet

CSS:層疊樣式表,通過設定對應的樣式屬性可以修改html文件內各元素的顯示、位置等樣式;如修改顏色、字型、字號、寬高、位置、背景等。層疊樣式表單是將樣式資訊與網頁內容分離的一種標記語言。我們使用CSS為每個HTML元素定義樣式,也可以用於多個介面。css:美化html頁面,也是html的一部分。

【三】JS——JavaScript

動態指令碼語言,使用JavaScript程式碼可以讓前臺變的有互動(點選事件)。廣泛應用於web應用的功能開發以及豐富頁面體驗,可以動態控制頁面內容;如修改頁面文字、圖片、各種效果、功能等;常用來為網頁新增各式各樣的動態功能(比如:輪播圖、tab切換等等),為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是通過嵌入在HTML中來實現自身的功能的。

【四】jQuery

jQuery是一個封裝好的檔案,就是指已經編寫好了供他人重複使用的JS程式碼。

區別:

        HTML定義了網頁的內容

        CSS裝飾了網頁的佈局

        JavaScript網頁的行為

        jQuery 是一個JavaScript 庫

比喻式區別:

        html是人的四肢,

        css是人的衣服裝飾,

        js是人的思想和行為,

        jQuery是人使用工具箱。