構(gòu)建現(xiàn)代化網(wǎng)站的20個(gè)技巧(一)
2021-09-11 分類： 網(wǎng)站建設(shè)
一.跨瀏覽器基礎(chǔ)
1.網(wǎng)站不需要在所有瀏覽器里渲染得一樣
一件普遍被開發(fā)者所關(guān)心的事情是確保他們的網(wǎng)站在所有瀏覽器中渲染得一樣，包括非現(xiàn)代的一些。那一般并不需要。更好的路線是考慮逐漸增強(qiáng)你的網(wǎng)站，對(duì)非現(xiàn)代瀏覽器的用戶提供一個(gè)可靠的工作基線，而給用現(xiàn)代瀏覽器的用戶提供一個(gè)更豐富的UI。
2.從固體模版開始以簡(jiǎn)化開發(fā)
許多的技巧已經(jīng)創(chuàng)建進(jìn)項(xiàng)目模版如HTML5 Boilerplate 以節(jié)省你一些時(shí)間。這些準(zhǔn)則對(duì)以現(xiàn)代瀏覽器為目標(biāo)的項(xiàng)目和需要舊瀏覽器（一直回退到IE6）支持的項(xiàng)目工作得一樣好。
3.關(guān)注穩(wěn)定的標(biāo)準(zhǔn)
當(dāng)一個(gè)新又酷的特性出現(xiàn)的時(shí)候很容易令人興奮，但其中的一些可能仍然在為技術(shù)參數(shù)實(shí)驗(yàn)、仍然在開發(fā)中。重要的是要記得，在規(guī)范發(fā)展的早期是很容易變化的，這有可能影響你的網(wǎng)站的穩(wěn)定性和你的用戶的體驗(yàn)。通過關(guān)注穩(wěn)定的標(biāo)準(zhǔn)，你可以確保你的用戶能獲得他們期望的體驗(yàn)，你的網(wǎng)站會(huì)更易維護(hù)。
4.用IE兼容檢測(cè)工具幫助你的網(wǎng)站遷移到基于標(biāo)準(zhǔn)的代碼
標(biāo)準(zhǔn)是IE10的一個(gè)核心部分，幫助開發(fā)者遷移他們的代碼以便能發(fā)揮這項(xiàng)長(zhǎng)處，這對(duì)IE工程項(xiàng)目組來說無比重要。這就是為什么他們創(chuàng)造了IE兼容檢測(cè)工具，它能實(shí)時(shí)分析你的網(wǎng)站，準(zhǔn)確的找到通常問題的類型并給出解決方法。通過在你的代碼中包括一個(gè)簡(jiǎn)單的JavaScript腳本文件，在你的頁面你就能得到可視化的結(jié)果。它也可以被集成進(jìn)Fidder HTTP 分析工具。
5.謹(jǐn)慎使用polyfills和shims（模擬標(biāo)準(zhǔn)aPI）
如果你必須在不同瀏覽器實(shí)現(xiàn)系統(tǒng)的體驗(yàn)，polyfills和shims提供了代碼和標(biāo)簽，可以幫助模擬標(biāo)準(zhǔn)的aPI和功能。需要謹(jǐn)記的是，確保你引入的代碼適合你的需要，并且可以在日后維護(hù)。
6.開發(fā)時(shí)多瀏覽器測(cè)試
盡管相對(duì)以前，現(xiàn)代瀏覽器已經(jīng)接近統(tǒng)一標(biāo)準(zhǔn)，但還是有不同。偶爾的多瀏覽器測(cè)試避免不會(huì)在最后一刻發(fā)現(xiàn)大問題——甚至已經(jīng)上線了。確保查看所有瀏覽器調(diào)試器比如IE的F12 Dev Tools，檢查有沒有警告或錯(cuò)誤信息。一些老瀏覽器比如IE7沒有內(nèi)建調(diào)試器，可以用Firebug Lite調(diào)試。或者使用跨瀏覽器解決方案如BrowserStack。
7.用工具參與創(chuàng)建過程來檢測(cè)錯(cuò)誤和縮小文件大小
有好一批創(chuàng)建工具如 HTML validators, CSS validators, Uglify, JSHint, 或者 GruntJS ，他們能找到潛在的問題，增強(qiáng)項(xiàng)目代碼的標(biāo)準(zhǔn)，減少文件的大小提升性能。如果你的IDE或者代碼編輯器支持它們，這些步驟就不會(huì)成為絆腳石。例如，Visual Studio提供了在創(chuàng)建過程中運(yùn)行外部工具和合并/壓縮腳本文件的能力。
!二.HTML
8.總是使用標(biāo)準(zhǔn)模式避免怪癖模式
直接用<!DOCTYPE html>吧!現(xiàn)代化網(wǎng)站不需要怪癖模式，不需要考慮90年代中期為了兼容現(xiàn)代化的瀏覽器比如IE6和FireFox 2.大多數(shù)現(xiàn)今的網(wǎng)頁在怪癖模式下要么文檔聲明無效，要么出現(xiàn)無關(guān)文本。很容易導(dǎo)致布局異常，而且很難調(diào)試。
9.理解有限向后兼容的HTML標(biāo)簽
新HTML5標(biāo)簽比如<section>,<header>和<footer>改善標(biāo)簽的語義化，但需要特殊的輔助腳本讓IE6,7和8認(rèn)識(shí)他們。頁面在太舊的瀏覽器或者禁止腳本時(shí)無法使用HTML5標(biāo)簽，那么使用<div>標(biāo)簽是對(duì)這些情況比較靠譜的解決方法。
10.將CSS在HTML文件頂部引入
在文檔body中引入CSS會(huì)導(dǎo)致頁面全空，直到CSS加載后才顯示。CSS文件應(yīng)該放在HTML文檔的head中，讓瀏覽器盡早地讀取他們。欲知后事如何，請(qǐng)聽下回分解!深圳網(wǎng)站制作
網(wǎng)頁名稱：構(gòu)建現(xiàn)代化網(wǎng)站的20個(gè)技巧(一)
網(wǎng)站路徑：http://www.rwnh.cn/news28/126178.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、面包屑導(dǎo)航、網(wǎng)站維護(hù)、虛擬主機(jī)、微信小程序、移動(dòng)網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 警惕垃圾外鏈對(duì)網(wǎng)站的負(fù)面影響 2021-09-11
- 百度搜索結(jié)果只顯示首頁網(wǎng)址帶來的影響 2021-09-11
- 唐山企業(yè)建網(wǎng)站 ：站點(diǎn)搭建的過程中這些問題你務(wù)必要注意！ 2021-09-11
- 網(wǎng)站要如何做才更利于推廣 2021-09-10
- ecshop404頁面設(shè)置的方法 2021-09-10
- 超鏈接與框架網(wǎng)頁及應(yīng)用 2021-09-10
- 如何成為一個(gè)專業(yè)的網(wǎng)絡(luò)營(yíng)銷公司 2021-09-11
- 有哪些可以快速提升網(wǎng)站推廣的方法 2021-09-11
- 網(wǎng)站圖片優(yōu)化的一些小小竅門：設(shè)置aLT屬性標(biāo)簽和文字說明 2021-09-10
- 企業(yè)網(wǎng)站被搜索引擎懲罰后要怎么補(bǔ)救 2021-09-10
- 小行業(yè)網(wǎng)站的運(yùn)營(yíng)和盈利 2021-09-10
- 那企業(yè)選擇定制型網(wǎng)站的好處是什么 2021-09-10
- 如何利用搜索引擎自身去找關(guān)鍵詞 2021-09-10
- 常見的SEO策略有哪些呢? 2021-09-10
- 【SEO優(yōu)化】如何做好網(wǎng)站優(yōu)化的關(guān)鍵詞部署? 2021-09-10
- 關(guān)鍵詞排名是百度競(jìng)價(jià)推廣最核心的東西 2021-09-10
- 網(wǎng)站好域名的十大原則 2021-09-10
- 網(wǎng)站目錄對(duì)seo優(yōu)化有什么影響 2021-09-10
- 小企業(yè)外包建站要注意的一些事 2021-09-10