XML、HTML、CSS與JS的區(qū)別整理
在BS中,xml,html,css和js我們都學(xué)過,起初分不清這四者的區(qū)別和聯(lián)系,隨著知識(shí)的增長,有了一些體會(huì)。
首次,我們看一下這四項(xiàng)技術(shù)都是什么,能干什么?
(一)XML—Extensible Markup Language
可擴(kuò)展標(biāo)記語言(標(biāo)準(zhǔn)通用標(biāo)記語言的子集)是一種簡單的數(shù)據(jù)存儲(chǔ)語言,使用一系列簡單的標(biāo)記描述數(shù)據(jù),而這些標(biāo)記可以用方便的方式建立,雖然可擴(kuò)展標(biāo)記語言占用的空間比二進(jìn)制數(shù)據(jù)要占用更多的空間,但可擴(kuò)展標(biāo)記語言極其簡單易于掌握和使用。
<Hello> <bcd>China</bcd> <bcd>USA</bcd> <bcd>UK</bcd> </Hello>
(二)HTML—Hypertext Markup Language。
超文本標(biāo)記語言。它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。網(wǎng)頁文件本身是一種文本文件,通過在文本文件中添加標(biāo)記符,可以告訴瀏覽器如何顯示其中的內(nèi)容(比如文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁文件,然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容,
<html> <head> <title>HTML</title> </head> <body> </body> </html>
HTML文本中包含了所謂的“鏈接點(diǎn)”HTML利用超鏈接的方法,將各種不同空間的文字信息組織在一起的網(wǎng)狀文本??偟膩碚f,HTML就是整合網(wǎng)頁結(jié)構(gòu)和內(nèi)容顯示的一種語言。
(三)CSS—Cascading Style Sheet
層疊樣式表單。是將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記語言。我們?cè)谂k钚侣劙l(fā)布系統(tǒng)中,我們使用過CSS文件,對(duì)一些標(biāo)簽的樣式進(jìn)行修改。
我們使用CSS為每個(gè)HTML元素定義樣式,也可以用于多個(gè)界面。進(jìn)行全局更新時(shí),只需修改樣式即可。
body { border :1px solid #000;/*整體的邊框*/ font-size :14px; }
說白了,CSS就是設(shè)置網(wǎng)頁上HTML元素屬性的語言。
(四)JavaScript
一開始特別郁悶為什么它的名字跟Java如此相似?
這是典型的市場營銷方面的成功,它的推廣成功,也是借了Java的東風(fēng)。當(dāng)微軟開始意識(shí)到Javascript在Web開發(fā)人員中流行起來時(shí),微軟還是一貫風(fēng)格,建立了自己的腳本語言,JScript。
Javascript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java腳本語言(Java小程序)一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對(duì)象,與Web客戶交互作用。例如可以設(shè)置鼠標(biāo)懸停效果,在客戶端驗(yàn)證表單,創(chuàng)建定制的HTML頁面,顯示警告框,設(shè)置cookie等等。
function jsHello(){ alert('Hello World!'); }
把代碼嵌入HTML語言中,它會(huì)在加載時(shí)彈出一個(gè)“Hello World”對(duì)話框。至于怎么嵌入的,我們?cè)趯W(xué)習(xí)JS視頻之初就已經(jīng)知道了。
關(guān)于 XML、HTML、CSS與JS的區(qū)別就給大家介紹這么多,后續(xù)還會(huì)給大家介紹這幾者結(jié)合之后的效果。感興趣的朋友敬請(qǐng)關(guān)注腳本之家網(wǎng)站。
- php完全過濾HTML,JS,CSS等標(biāo)簽
- HTML+CSS+JS實(shí)現(xiàn)完美兼容各大瀏覽器的TABLE固定列
- 用html+css+js實(shí)現(xiàn)的一個(gè)簡單的圖片切換特效
- JavaScript改變HTML元素的樣式改變CSS及元素屬性
- js實(shí)現(xiàn)單一html頁面兩套css切換代碼
- js+html+css實(shí)現(xiàn)鼠標(biāo)移動(dòng)div實(shí)例
- JavaScript/jQuery、HTML、CSS 構(gòu)建 Web IM 遠(yuǎn)程及時(shí)聊天通信程序
- php中去除所有js,html,css代碼
- 詳解關(guān)于html,css,js三者的加載順序問題
相關(guān)文章
javascript中BOM基礎(chǔ)知識(shí)總結(jié)
本文主要對(duì)javascript中BOM基礎(chǔ)知識(shí)進(jìn)行總結(jié)。具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02JavaScript中使用arguments獲得函數(shù)傳參個(gè)數(shù)實(shí)例
這篇文章主要介紹了JavaScript中使用arguments獲得函數(shù)傳參個(gè)數(shù)實(shí)例,本文用了多個(gè)例子來講解arguments的使用,需要的朋友可以參考下2014-08-08G6?TreeGraph樹圖節(jié)點(diǎn)懶加載使用場景示例
這篇文章主要為大家介紹了G6?TreeGraph樹圖節(jié)點(diǎn)懶加載使用場景示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10JS實(shí)現(xiàn)定時(shí)自動(dòng)消失的彈出窗口
這篇文章介紹了JS實(shí)現(xiàn)定時(shí)自動(dòng)消失的彈出窗口,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-04-04