前端頁面的三大層是什么

這篇文章主要介紹“前端頁面的三大層是什么”，在日常操作中，相信很多人在前端頁面的三大層是什么問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”前端頁面的三大層是什么”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

前端頁面由“結(jié)構(gòu)層”、“表示層”和“行為層”三大層構(gòu)成。結(jié)構(gòu)層為頁面的骨架，由HTML創(chuàng)建，用于搭建文檔的結(jié)構(gòu)；表示層為頁面的樣式，由CSS創(chuàng)建，用于設(shè)置文檔的呈現(xiàn)效果；行為層為頁面的行為，由JavaScript創(chuàng)建，用于實現(xiàn)文檔的行為。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5&&javascript1.8.5版、Dell G3電腦。

前端頁面構(gòu)成的三層即結(jié)構(gòu)層、表示層、行為層。

• 結(jié)構(gòu)層為頁面的骨架，由 HTML 或 XHTML 標(biāo)記語言創(chuàng)建，用于搭建文檔的結(jié)構(gòu)。

  HTML 用來定義網(wǎng)頁的內(nèi)容，例如標(biāo)題、正文、圖像等；
  

• 表示層為頁面的樣式，由 CSS （層疊樣式表）負(fù)責(zé)創(chuàng)建，用于設(shè)置文檔的呈現(xiàn)效果。

  CSS 用來控制網(wǎng)頁的外觀，例如顏色、字體、背景等；
  

• 行為層為頁面的行為，由 JavaScript 語言創(chuàng)建，用于實現(xiàn)文檔的行為。

  JavaScript 用來實時更新網(wǎng)頁中的內(nèi)容，例如從服務(wù)器獲取數(shù)據(jù)并更新到網(wǎng)頁中，修改某些標(biāo)簽的樣式或其中的內(nèi)容等，可以讓網(wǎng)頁更加生動。
  

不過，在這三種技術(shù)之間存在著一些潛在的重疊區(qū)域，如：DOM 技術(shù)可以用來改變網(wǎng)頁的結(jié)構(gòu)。在 CSS 身上也可以找到這種技術(shù)相互重疊的例子。諸如 :hover 和 :focus 之類的預(yù)定義符號（偽 class 屬性） 使我們可以根據(jù)用戶觸發(fā)事件來改變呈現(xiàn)效果。改變元素的呈現(xiàn)效果當(dāng)然是表示層的“勢力范圍”，但對用戶觸發(fā)事件做出反應(yīng)卻是行為層的領(lǐng)地。表示層和行為層 的這種重疊形成了一個灰色地帶。

到此，關(guān)于“前端頁面的三大層是什么”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>