我們說,Web前端三劍客:HTML、CSS、JavaScript,它們看上去是三種不同的技術(shù),但在實際中卻是相互搭配使用的。
HTML是用來標(biāo)記內(nèi)容的(重在內(nèi)容組織上)
HTML是超文本標(biāo)記語言的簡稱,它是一種不嚴(yán)謹(jǐn)?shù)摹⒑唵蔚臉?biāo)識性語言。它用各種標(biāo)簽將頁面中的元素組織起來,告訴瀏覽器該如何顯示其中的內(nèi)容。
為什么說HTML是不嚴(yán)謹(jǐn)?shù)哪兀恳驗镠TML標(biāo)簽即使不閉合,也并不會影響頁面內(nèi)容的組織。
CSS是用來修飾內(nèi)容樣式的(重在內(nèi)容樣式美化展示上)
CSS是層疊樣式表的簡稱,它用來表現(xiàn)HTML文件樣式的,簡單說就是負(fù)責(zé)HTML頁面中元素的展現(xiàn)及排版。
JavaScript是用來做交互的
JavaScript是一種腳本語言,即可以運(yùn)行在客戶端也能運(yùn)行在服務(wù)器端。JavaScript的解釋器就是JS引擎,JS引擎是瀏覽器的一部分。而JavaScript主要是用來擴(kuò)展文檔交互能力的,使靜態(tài)的HTML具有一定的交互行為(比如表單提交、動畫特效、彈窗等)。
HTML與CSS及JS的關(guān)系
這三者99%的情況下都是搭配使用的,但也不是絕對的,具體關(guān)系是:
HTML與CSS、JS是不同的技術(shù),可以獨(dú)立存在;
HTML一般需要CSS和JS來配合使用,否則單一HTML文檔無論是功能還是展示上效果都不理想;
CSS一般是不能脫離HTML或XML的,如果CSS脫離了HTML和XML,那就沒有存在的必要的;
JS可以脫離HTML和CSS而獨(dú)立存在;
JS可以操作HTML和CSS。
總結(jié):如果把HTML比做身體,那CSS就好比是衣服,而JavaScript則意味著人能做的一些高級動作。
以上就是我的觀點,對于這個問題大家是怎么看待的呢?歡迎在下方評論區(qū)交流~我是科技領(lǐng)域創(chuàng)作者,十年互聯(lián)網(wǎng)從業(yè)經(jīng)驗,我了解更多科技知識!
HTML,翻譯成中文,叫做超文本標(biāo)記語言,全稱是HyperTextMarkupLanguage。
這一長串的英文單詞我們可能記不住,其實也不需要花過多的精力在這種聽起來很高大上的名詞上,第一是小白階段沒必要,第二是到了更高層次,接觸的時間長了,自然而然就記住了直接來看這個中文名,叫超文本標(biāo)記語言。
把這個名詞拆分一下,分別是“超文本”,“標(biāo)記”,“語言”,那么html是一門語言這個毋庸置疑,也沒什么可說的再往前看,“標(biāo)記”,其實這是html語言的一個特點,語言里面所有的東西都叫做標(biāo)記,用一個標(biāo)記來包含一塊內(nèi)容表示其作用,比如用<h3>標(biāo)簽來表示頁面上的一個標(biāo)題,用<p>標(biāo)簽來表示一個文章段落等等這里說的標(biāo)簽,就是標(biāo)記,它的名字有很多,但是表示的都是同一個東西,從html語言角度,它叫做標(biāo)記,我們平常也會稱之為標(biāo)簽;從盒模型的角度,可以稱之為盒子;從標(biāo)簽與標(biāo)簽之間的關(guān)系來看,又可以稱之為元素;從渲染引擎的角度,還可以稱之為文檔對象模型(DocumentObjectModel——DOM)等等…
所以初學(xué)者可能會被各種各樣的名詞所干擾,但是不用擔(dān)心,那只是可愛的程序員前輩跟你裝裝逼而已再接著往前,“超文本”其實這里從字面上就已經(jīng)能夠理解了,說的是這個語言已經(jīng)遠(yuǎn)遠(yuǎn)超出了文本的范疇,文本,但從字面上來理解,就是文字、符號。這稱之為文本。
但是如今的網(wǎng)頁上,感覺更多的是圖片。那么圖片就是一個超文本。再比如音樂,電影,或者一些其他的媒體。
這都遠(yuǎn)遠(yuǎn)超出了文本的范疇,所以說是超文本HTML建立之初是用來描述文檔結(jié)構(gòu)的,這里是一個標(biāo)題,這里是文章段落,這里需要加粗強(qiáng)調(diào)一下,或者用于描述一個表格,再或者用來承載一些功能,比如說a鏈接,比如說表單提交數(shù)據(jù)。到了今天,我們可以把HTML看做是一個房子的骨架,結(jié)構(gòu)在1994年萬維網(wǎng)聯(lián)盟(W3C)成立之初,因為沒有相關(guān)標(biāo)準(zhǔn),外加上網(wǎng)站的風(fēng)靡,HTML被迫出現(xiàn)了一下諸如<font>之類的一些用來描述外觀的標(biāo)簽,但這并不是HTML的本職工作,以至于今天我們能看到很多很多很多的標(biāo)簽,但是我們并不會經(jīng)常用到它們,也沒有必要全都了解。
也正是因為逐漸增多的網(wǎng)站提出的需求也越來越多,人們開始注重網(wǎng)站的外觀,這時候CSS也就應(yīng)運(yùn)而生了。說白了,CSS就是控制為HTML元素添加樣式從而使頁面更加漂亮的。CSS的全程CascadingStyleSheets,