XML、HTML、CSS與JS的區(qū)別整理
在BS中，xml，html，css和js我們都學(xué)過，起初分不清這四者的區(qū)別和聯(lián)系，隨著知識的增長，有了一些體會。
首次，我們看一下這四項技術(shù)都是什么，能干什么？
（一）XML—Extensible Markup Language
可擴(kuò)展標(biāo)記語言（標(biāo)準(zhǔn)通用標(biāo)記語言的子集）是一種簡單的數(shù)據(jù)存儲語言，使用一系列簡單的標(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)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個部分。網(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)記語言。我們在牛腩新聞發(fā)布系統(tǒng)中，我們使用過CSS文件，對一些標(biāo)簽的樣式進(jìn)行修改。
我們使用CSS為每個HTML元素定義樣式，也可以用于多個界面。進(jìn)行全局更新時，只需修改樣式即可。
body {
border :1px solid #000;/*整體的邊框*/
font-size :14px;
}
說白了，CSS就是設(shè)置網(wǎng)頁上HTML元素屬性的語言。
（四）JavaScript
一開始特別郁悶為什么它的名字跟Java如此相似?
這是典型的市場營銷方面的成功，它的推廣成功,也是借了Java的東風(fēng)。當(dāng)微軟開始意識到Javascript在Web開發(fā)人員中流行起來時，微軟還是一貫風(fēng)格，建立了自己的腳本語言，JScript。
Javascript是一種基于對象(Object)和事件驅(qū)動(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java腳本語言(Java小程序)一起實(shí)現(xiàn)在一個Web頁面中鏈接多個對象，與Web客戶交互作用。例如可以設(shè)置鼠標(biāo)懸停效果，在客戶端驗(yàn)證表單，創(chuàng)建定制的HTML頁面，顯示警告框，設(shè)置cookie等等。
function jsHello(){
alert('Hello World！');
}
把代碼嵌入HTML語言中，它會在加載時彈出一個“Hello World”對話框。至于怎么嵌入的，我們在學(xué)習(xí)JS視頻之初就已經(jīng)知道了。
關(guān)于 XML、HTML、CSS與JS的區(qū)別就給大家介紹這么多，后續(xù)還會給大家介紹這幾者結(jié)合之后的效果。感興趣的朋友敬請關(guān)注腳本之家網(wǎng)站。
- php完全過濾HTML,JS,CSS等標(biāo)簽
- HTML+CSS+JS實(shí)現(xiàn)完美兼容各大瀏覽器的TABLE固定列
- 用html+css+js實(shí)現(xiàn)的一個簡單的圖片切換特效
- JavaScript改變HTML元素的樣式改變CSS及元素屬性
- js實(shí)現(xiàn)單一html頁面兩套css切換代碼
- js+html+css實(shí)現(xiàn)鼠標(biāo)移動div實(shí)例
- JavaScript/jQuery、HTML、CSS 構(gòu)建 Web IM 遠(yuǎn)程及時聊天通信程序
- php中去除所有js,html,css代碼
- 詳解關(guān)于html，css，js三者的加載順序問題
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS調(diào)用安卓手機(jī)攝像頭掃描二維碼，并用JS解析二維碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
javascript設(shè)計模式 – 單例模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計模式 – 單例模式原理與應(yīng)用,結(jié)合實(shí)例形式分析了javascript單例模式原理、定義、應(yīng)用場景及相關(guān)操作注意事項,需要的朋友可以參考下2020-04-04
JS實(shí)現(xiàn)FLASH幻燈片圖片切換效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)FLASH幻燈片圖片切換效果的方法,實(shí)例分析了javascript操作圖片實(shí)現(xiàn)Flash幻燈效果的技巧,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹一下微信小程序?qū)崿F(xiàn)頁面導(dǎo)航的幾種方法以及幫助大家掌握微信小程序如何進(jìn)行傳遞參數(shù)，感興趣的朋友可以了解一下2022-08-08
JS實(shí)現(xiàn)聯(lián)想、自動補(bǔ)齊國家或地區(qū)名稱的功能
這篇文章主要介紹了JS實(shí)現(xiàn)聯(lián)想、自動補(bǔ)齊國家或地區(qū)名稱的功能，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
js判斷數(shù)組key是否存在(不用循環(huán))的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s判斷數(shù)組key是否存在(不用循環(huán))的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
JavaScript調(diào)用COM傳遞數(shù)組時，在COM接口端，接收到的是VARIANT類型對象，如array，該對象的vt類型VT_DISPATCH，因此其值表示的是一個IDispatch類型的指針。2009-11-11
javascript中IE瀏覽器不支持NEW DATE()帶參數(shù)的解決方法
在火狐下 可以正常取得時間，在IE7下 卻是 NaN。糾結(jié)老長時間，放棄了new date 然后再老外的論壇中找了一段段代碼可以兼容所有瀏覽器的格式化日期代碼2012-03-03
在本篇文章里小編給大家整理的是關(guān)于JS如何阻止事件冒泡的相關(guān)知識點(diǎn)內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。2019-08-08
在網(wǎng)站里面會加載一些js代碼,統(tǒng)計啊,百度廣告等等，結(jié)果弄得頁面加載速度很慢，下面有個不錯的解決方法，大家可以參考下2014-03-03