前端頁面由「結構層」、「表示層」、「行為層」三大層構成。結構層為頁面的骨架，由HTML創建，用於搭建文件的結構；表示層為頁面的樣式，由CSS創建，用於設定文件的呈現效果；行為層為頁面的行為，由JavaScript創建，用於實現文檔的行為。
本教學操作環境：windows7系統、CSS3&&HTML5&&javascript1.8.5版、Dell G3電腦。
前端頁面構成的三層即結構層、表示層、行為層。
結構層為頁面的骨架，由 HTML 或 XHTML 標記語言創建，用於建立文件的結構。
HTML 用來定義網頁的內容，例如標題、內文、圖片等；
#表示層為頁面的樣式，由CSS （層疊樣式表）負責創建，用於設定文件的呈現效果。
CSS 用來控制網頁的外觀，例如顏色、字體、背景等；
#行為層為頁面的行為，由JavaScript 語言創建，用於實現文件的行為。
JavaScript 用來即時更新網頁中的內容，例如從伺服器取得資料並更新到網頁中，修改某些標籤的樣式或其中的內容等，可以讓網頁更生動。
不過，這三種技術之間存在著一些潛在的重疊區域，如：DOM 技術可以用來改變網頁的結構。在 CSS 身上也可以找到這種技巧相互重疊的例子。諸如 :hover 和 :focus 之類的預定義符號（偽 class 屬性） 讓我們可以根據使用者觸發事件來改變呈現效果。改變元素的呈現效果當然是表示層的“勢力範圍”，但對使用者觸發事件做出反應卻是行為層的領地。表示層和行為層 的這種重疊形成了一個灰色地帶。
更多程式相關知識，請造訪：程式設計學習！ ！
以上是前端頁面由哪三大層次構成的詳細內容。更多資訊請關注PHP中文網其他相關文章！
