前端頁面有哪三層構(gòu)成，分別是什么？作用是什么？最準確的網(wǎng)頁設計思路是把網(wǎng)頁分成三個層次，即：結(jié)構(gòu)層、樣式層、行為層。 HTML：結(jié)構(gòu)層 網(wǎng)頁的結(jié)構(gòu)或內(nèi)容層是該頁面的基礎HTML代碼。正如房屋的框架為房

前端頁面有哪三層構(gòu)成，分別是什么？作用是什么？

最準確的網(wǎng)頁設計思路是把網(wǎng)頁分成三個層次，即：結(jié)構(gòu)層、樣式層、行為層。 HTML：結(jié)構(gòu)層 網(wǎng)頁的結(jié)構(gòu)或內(nèi)容層是該頁面的基礎HTML代碼。正如房屋的框架為房屋的其他部分構(gòu)建了一個堅實 的基礎，HTML的堅實基礎創(chuàng)建了一個可以在其上創(chuàng)建網(wǎng)站的平臺。 結(jié)構(gòu)層用于存儲客戶想要閱讀或查看的所有內(nèi)容。HTML結(jié)構(gòu)可以包含文本和圖像，它包括訪問者用 于瀏覽網(wǎng)站的超鏈接。這是在符合標準的HTML5中編碼的，可以包括文本，圖像和多媒體（視頻，音頻等）。 網(wǎng)站內(nèi)容的每個方面都應該在結(jié)構(gòu)層中表示。這允許關(guān)閉JavaScript的客戶或無法查看整個網(wǎng)站的 CSS訪問權(quán)限的客戶（如果不是所有功能）。 CSS：樣式層 該層指示結(jié)構(gòu)化HTML文檔如何看待網(wǎng)站的訪問者，并由CSS（層疊樣式表）定義。這些文件包含有 關(guān)如何在Web瀏覽器中顯示文檔的樣式說明。樣式層通常包括基于屏幕大小和設備更改站點顯示的 媒體查詢。 網(wǎng)站的所有視覺樣式都應位于外部樣式表中。您可以使用多個樣式表，但請記住，每個CSS文件都需 要HTTP請求才能獲取它，從而影響站點性能。 JavaScript：行為層 行為層使網(wǎng)站具有交互性，允許頁面響應用戶操作或基于一組條件進行更改。JavaScript是行為層最 常用的語言，但CGI和PHP也經(jīng)常被使用。 當開發(fā)人員引用行為層時，大多數(shù)都是指在Web瀏覽器中直接激活的層。您可以使用此圖層直接與 DOM（文檔對象模型）進行交互。在內(nèi)容層中編寫有效的HTML對于行為層中的DOM交互非常重 要。在構(gòu)建行為層時，應該像使用CSS一樣使用外部腳本文件來優(yōu)化速度和性能。