網(wǎng)站重構(gòu)如何更符合web標(biāo)準(zhǔn)?

2016-10-30    分類: 網(wǎng)站建設(shè)

網(wǎng)站重構(gòu)這一詞越來越流行,網(wǎng)上一搜,有200多萬條關(guān)于這個詞的結(jié)果。在此我們也想聊聊我們自己的看法。從字面上看,網(wǎng)站重構(gòu)就是把網(wǎng)站重新做一遍。重做的目的是什么呢?無非是就是讓網(wǎng)站更加優(yōu)化,更符合Web標(biāo)準(zhǔn)。

如何才能讓網(wǎng)站更優(yōu)化,更符合web標(biāo)準(zhǔn)?

我們認(rèn)為,讓網(wǎng)站更優(yōu)化是必須遵循的,但是并不一定非要嚴(yán)格的按照標(biāo)準(zhǔn)來做。以人為本,如何做才能更人性化、更有利于瀏覽、更符合瀏覽者的習(xí)慣才是我們們做網(wǎng)站、去重構(gòu)網(wǎng)站的根本指導(dǎo)思想。

一般瀏覽者在普通情況下不會有那么好的耐心去等30秒(甚至更短的時間)讓一個頁面打開。那么可想而知,一個頁面再炫,內(nèi)容再吸引人,瀏覽者不看的話那就完全失去了它存在的意義。這里就給我們們提出一個要求,做網(wǎng)站首先一點(diǎn)就是如何讓頁面更快的打開。結(jié)構(gòu)、表現(xiàn)和行為的分離是讓頁面更快的很好途徑。

說到結(jié)構(gòu)、表現(xiàn)和行為的分離,自然讓人想到了DIV+CSS+JS(為了能更好的讓人理解,請?jiān)试S我們暫且這么寫),正因?yàn)槿绱?很多人就誤認(rèn)為只要把TABLE改DIV就是網(wǎng)站重構(gòu),其實(shí)是不對的,是不夠的。TABLE和DIV都是HTML的標(biāo)簽都是做頁面要使用的元素,只不過各司其職罷了。如何讓標(biāo)簽?zāi)芨魉酒渎?這就需要我們們在思想上的徹底改變,在思想上做到結(jié)構(gòu)、表現(xiàn)和行為的分離。

結(jié)構(gòu)、表現(xiàn)和行為的分離,頁面標(biāo)簽的合理使用可以有效地精簡頁面代碼,讓頁面能在更短的時間內(nèi)加載完畢、呈現(xiàn)給瀏覽者。結(jié)構(gòu)、表現(xiàn)和行為的分離同樣有利于網(wǎng)站的改版、維護(hù),在不動頁面結(jié)構(gòu)文件的情況下只要更改樣式,網(wǎng)站就能呈現(xiàn)給人一種完全不同的風(fēng)格。給瀏覽者一種完全不同的瀏覽感受,而做到這點(diǎn)所花的時間和精力要比結(jié)構(gòu)、表現(xiàn)和行為混合的頁面要少得多。

結(jié)構(gòu)、表現(xiàn)和行為的分離,增加了頁面的可讀性,不僅能被搜索引擎更好的抓取,更重要的是那些需要借助屏幕閱讀器瀏覽網(wǎng)頁的瀏覽者能更好,更清晰地閱讀網(wǎng)頁上的內(nèi)容,不會受到那些繁雜的樣式代碼干擾。還是要以人為本。

使用Div+Css來給頁面進(jìn)行布局,使用合適的標(biāo)簽來豐富頁面的內(nèi)容。這是目前非常流行的做頁面的方法。那如何算合理使用標(biāo)簽?zāi)?舉個例子,頁面上經(jīng)常會出現(xiàn)一些表格,如一批不同產(chǎn)品的屬性列表,我們們使用“ul、“li同樣可以實(shí)現(xiàn)所需要的表格樣式,但是用“table來實(shí)現(xiàn)是不是更加直觀更加方便呢。又比如:一篇文章的標(biāo)題,用一個“div或“p標(biāo)簽實(shí)現(xiàn)的效果和使用“h*標(biāo)簽是一樣的,那是不是應(yīng)該用“h*標(biāo)簽更合理呢。等等...

總之,我們認(rèn)為網(wǎng)站重構(gòu)是思想和觀念上的重構(gòu),要以人為本,從瀏覽者的角度出發(fā),遵循Web標(biāo)準(zhǔn),合理使用每個頁面標(biāo)簽,做到大限度的頁面優(yōu)化。

網(wǎng)頁名稱:網(wǎng)站重構(gòu)如何更符合web標(biāo)準(zhǔn)?
網(wǎng)址分享:http://m.kartarina.com/news5/56855.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)網(wǎng)站營銷企業(yè)網(wǎng)站制作微信公眾號外貿(mào)建站關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎ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è)網(wǎng)站維護(hù)公司
主站蜘蛛池模板: 综合无码一区二区三区| 亚洲精品无码永久在线观看男男| 特级小箩利无码毛片| 免费人成无码大片在线观看| 免费a级毛片无码a∨性按摩| 亚洲精品无码不卡在线播HE| 69天堂人成无码麻豆免费视频| 国产精品va无码二区| 中文字幕无码中文字幕有码| 东京热人妻无码人av| 中文字幕av无码一二三区电影| 日韩av无码中文无码电影| 亚洲AV日韩AV无码污污网站 | 丰满熟妇乱又伦在线无码视频| 97性无码区免费| 最新国产AV无码专区亚洲| 无码AV大香线蕉| 亚洲av无码一区二区三区网站| 无码少妇A片一区二区三区| 无码丰满少妇2在线观看| 精品久久久无码中文字幕| 亚洲AV综合永久无码精品天堂| 国产午夜无码精品免费看| 内射无码午夜多人| 无码中文av有码中文av| 无码国产伦一区二区三区视频| 日韩精品无码免费专区午夜| 尤物永久免费AV无码网站 | 亚洲国产精品成人精品无码区| 国产AV无码专区亚洲AV麻豆丫| 青青草无码免费一二三区| 亚洲ⅴ国产v天堂a无码二区| 狠狠精品久久久无码中文字幕| 亚洲日韩VA无码中文字幕| 日韩毛片无码永久免费看| 亚洲AV无码AV日韩AV网站| 蜜臀亚洲AV无码精品国产午夜.| 亚洲av中文无码字幕色不卡| 精品人妻系列无码人妻漫画| 久久亚洲精品无码av| 无码人妻丰满熟妇区毛片18|