中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

從html到JavaScript網(wǎng)站建設(shè)時應(yīng)理清的三個層次

2022-05-18    分類: 網(wǎng)站建設(shè)

普通用戶看到的網(wǎng)站,實際上包含了前端表現(xiàn)頁面,和后端管理系統(tǒng)。諸如網(wǎng)站的設(shè)計、人機交互以及頁面內(nèi)容呈現(xiàn)等,都屬于前端頁面部分。而網(wǎng)站內(nèi)容管理則屬于后端,后端系統(tǒng)除去網(wǎng)站管理人員外,一般用戶無法瀏覽接觸,它包含了CMS系統(tǒng)和存放網(wǎng)站內(nèi)容的數(shù)據(jù)庫等。要系統(tǒng)討論網(wǎng)站建設(shè)和網(wǎng)站制作知識,自然是一件復(fù)雜且耗時的事情,所以本文嘗試從前端頁面談起,從html到JavaScript網(wǎng)站建設(shè)時應(yīng)理清的三個層次談起。那些在網(wǎng)站建設(shè)行業(yè)工作的人,把網(wǎng)站前端網(wǎng)站開發(fā)比作三條腿的凳子,其分別是網(wǎng)站開發(fā)的三個層次:包含了結(jié)構(gòu)、樣式和行為。
為什么要分隔這些層?
當(dāng)您創(chuàng)建網(wǎng)頁時,其結(jié)構(gòu)應(yīng)歸屬于HTML,視覺樣式應(yīng)歸屬于CSS,行為應(yīng)歸屬于JavaScript腳本。分層的一些好處包括:
  • 共享資源:當(dāng)您編寫外部CSS或JavaScript文件時,站點上的任何頁面都可以使用該文件。如果您需要對該文件進行更改,可能是為了更新網(wǎng)站上的某些排版樣式,則使用該樣式表的每個頁面都將獲得更改。沒有必要單獨編輯網(wǎng)站的每一頁,這對一個大型網(wǎng)站來說可能是一項艱巨的任務(wù)。
  • 加載速度更快:一旦客戶首次下載腳本或樣式表,Web瀏覽器就會緩存該腳本或樣式表。由于這些共享資源現(xiàn)在包含在瀏覽器的緩存中,因此在瀏覽器中請求的其他頁面加載得更快,從而提高了總體頁面速度和性能。
  • 方便團隊協(xié)作:如果您有多個人同時在一個網(wǎng)站上工作,您可以使用允許檢入和檢出文件的系統(tǒng),以確保每個人都在使用最新版本。如果樣式和行為與結(jié)構(gòu)文檔交織在一起,則很難做到這一點。
  • 搜索引擎優(yōu)化對于搜索引擎來說,具有清晰的風(fēng)格和結(jié)構(gòu)分離的站點可能會表現(xiàn)得更好,因為它們可以更有效地抓取內(nèi)容并理解頁面,而不會陷入視覺樣式和行為信息的泥潭。
  • 可訪問性更強:外部樣式表和腳本文件更便于用戶和瀏覽器訪問。諸如屏幕閱讀器之類的軟件可以更輕松地處理來自結(jié)構(gòu)層的內(nèi)容,而無需處理他們無論如何都不能使用的樣式。
  • 兼容性更好:使用單獨的開發(fā)層設(shè)計的站點更有可能是向后兼容的,因為不能使用特定CSS樣式或禁用JavaScript的瀏覽器和設(shè)備仍然可以查看HTML。然后,您可以逐步增強您的網(wǎng)站與支持他們的瀏覽器的功能。
接下來,讓我們一起梳理下并回顧下三個層次的知識點:
HTML:結(jié)構(gòu)層
網(wǎng)頁的結(jié)構(gòu)或內(nèi)容層是該網(wǎng)頁的基礎(chǔ)HTML代碼。就像一棟房子的框架創(chuàng)建了一個堅實的基礎(chǔ),房子的其余部分是建立在上面一樣,HTML的堅實基礎(chǔ)創(chuàng)建了一個平臺,在這個平臺上可以創(chuàng)建一個網(wǎng)站。
結(jié)構(gòu)層是存儲客戶想要閱讀或查看的所有內(nèi)容的地方。HTML結(jié)構(gòu)可以由文本和圖像組成,它包括訪問者將用于在網(wǎng)站上導(dǎo)航的超鏈接。這是用符合標(biāo)準(zhǔn)的HTML5編碼的,可以包括文本、圖像和多媒體(視頻、音頻等)。站點內(nèi)容的每個方面都應(yīng)該在結(jié)構(gòu)層中表示。這允許已關(guān)閉JavaScript或無法查看整個網(wǎng)站(如果不是全部功能)的CSS訪問的客戶。
CSS:樣式圖層
這一層規(guī)定了結(jié)構(gòu)化HTML文檔對站點訪問者的外觀,并由CSS(層疊樣式表)定義。這些文件包含有關(guān)如何在Web瀏覽器中顯示文檔的樣式說明。樣式層通常包括根據(jù)屏幕大小和設(shè)備更改站點顯示的媒體查詢。網(wǎng)站的所有視覺樣式都應(yīng)位于外部樣式表中。您可以使用多個樣式表,但是請記住,每個CSS文件都需要一個HTTP請求來獲取它,這會影響站點性能。
JavaScript:行為層
行為層使網(wǎng)站具有交互性,允許頁面響應(yīng)用戶操作或根據(jù)一組條件進行更改。JavaScript是行為層最常用的語言,但CGI和PHP也非常常用。當(dāng)開發(fā)人員提到行為層時,大多數(shù)指的是直接在Web瀏覽器中激活的層。您可以使用該層直接與DOM(DocumentObjectModel,文檔對象模型)交互。在內(nèi)容層中編寫有效的HTML對于行為層中的DOM交互非常重要。在行為層中構(gòu)建時,應(yīng)該使用外部腳本文件,就像使用CSS一樣,以優(yōu)化速度和性能。

網(wǎng)頁題目:從html到JavaScript網(wǎng)站建設(shè)時應(yīng)理清的三個層次
網(wǎng)站鏈接:http://m.rwnh.cn/news1/154701.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)
仙居县| 合山市| 叶城县| 桑日县| 辉县市| 乌什县| 昌图县| 西城区| 台南市| 雷州市| 屯留县| 新建县| 肇源县| 南溪县| 济源市| 焉耆| 建瓯市| 双鸭山市| 安仁县| 广东省| 临颍县| 当雄县| 贵定县| 裕民县| 卢氏县| 宜君县| 蒲城县| 秦皇岛市| 万盛区| 松滋市| 璧山县| 乌拉特中旗| 龙海市| 宜川县| 永州市| 太保市| 五台县| 鄂托克前旗| 建德市| 武胜县| 陆河县|