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