網(wǎng)頁(yè)設(shè)計(jì)中優(yōu)化代碼重要性

由于網(wǎng)絡(luò)是一個(gè)不斷變化和不斷發(fā)展的有機(jī)體，所以建立一個(gè)能和網(wǎng)絡(luò)一起變化、成長(zhǎng)的網(wǎng)站是非常重要的，當(dāng)網(wǎng)絡(luò)世界發(fā)生變化時(shí)不至于被網(wǎng)沖擊波所傷到也是很重要的一點(diǎn)。

清潔標(biāo)記并用網(wǎng)絡(luò)標(biāo)準(zhǔn)來(lái)建設(shè)網(wǎng)站可能會(huì)讓人們不解，但從長(zhǎng)期看來(lái)，這樣做不但可以節(jié)省時(shí)間還可以節(jié)省資金。

隨著網(wǎng)絡(luò)的擴(kuò)張，網(wǎng)絡(luò)中所用的技術(shù)也隨之也不斷的在發(fā)展。HTML在網(wǎng)絡(luò)中已經(jīng)存在很久，并且在不斷的發(fā)展過(guò)程中產(chǎn)生了很多的衍生品。

首先是javascript，之后出現(xiàn)CSS、XML和AJAX。廣泛的采用HTML5已經(jīng)指日可待，F(xiàn)irefox， Safari， Opera 和Chrome都是有HTML5來(lái)支持的（IE卻比以前要落后了）。

在這篇文章中，我會(huì)研究一下網(wǎng)絡(luò)標(biāo)準(zhǔn)的基礎(chǔ)，它是什么？它對(duì)你來(lái)說(shuō)意味著什么？我會(huì)指出一些非常重要但又在平時(shí)非常容易被大家忽略的問(wèn)題。

“干凈”的標(biāo)記意味著什么？

簡(jiǎn)而言之，這意味免去了凌亂無(wú)章，并可以使標(biāo)準(zhǔn)變的兼容，對(duì)不同的語(yǔ)言可以使用相同的的標(biāo)簽和結(jié)構(gòu)。

潔凈的HTML可以減少不必要的標(biāo)簽的使用，消除了不必要的東西，并用很小的標(biāo)記來(lái)成功完成一個(gè)任務(wù)。它沒(méi)有使用不必要的屬性，如內(nèi)置的CSS 、每個(gè)文件的結(jié)構(gòu)和組織。

同樣，潔凈的CSS也應(yīng)該避免重復(fù)，并利用已有的資源。符合標(biāo)準(zhǔn)意味著你的頁(yè)在符合由W3C發(fā)布的HTML、CSS和XML標(biāo)準(zhǔn)。它意味著使用W3C來(lái)檢測(cè)錯(cuò)誤、糾正和測(cè)試，直到你的網(wǎng)頁(yè)百分之百的可用。
每一個(gè)網(wǎng)站設(shè)計(jì)的項(xiàng)目都有一個(gè)時(shí)間限制，客戶(hù)也都希望它們的網(wǎng)站能夠提前完成。所以網(wǎng)絡(luò)開(kāi)發(fā)人員和設(shè)計(jì)人員都在持續(xù)的壓力下不斷提高工作速度和工作效率。

我通常都會(huì)認(rèn)為：“思維的快了就會(huì)變得非常的草率，同樣，用干凈、標(biāo)準(zhǔn)的格式來(lái)標(biāo)記會(huì)花費(fèi)很多時(shí)間”，并且通常都會(huì)說(shuō)：“這已經(jīng)起作用了，這才是最重要的?！?/p>

當(dāng)然，目前來(lái)看，它以你確實(shí)起作用了。但明年會(huì)怎樣呢？從現(xiàn)在起三年又會(huì)怎樣呢？以新的瀏覽器來(lái)說(shuō)呢？會(huì)產(chǎn)生什么影響呢？

你真的認(rèn)為搜索引擎會(huì)終日不變的用同樣的手法來(lái)工作嗎？你們是很挑剔的，如果你不符標(biāo)準(zhǔn)，你表面上的網(wǎng)頁(yè)級(jí)就會(huì)下降。

當(dāng)下一個(gè)人不得不修改你編的網(wǎng)頁(yè)的時(shí)候會(huì)發(fā)生什么事？如果你被車(chē)撞了、被外星人劫持了、在極地探險(xiǎn)時(shí)找不到營(yíng)地時(shí)會(huì)發(fā)生什么事情？這個(gè)人不得不得重新?lián)炱鹉銇G下的爛攤子，不得不花萬(wàn)般心思來(lái)看代碼、理解代碼。這會(huì)一件簡(jiǎn)單的事嗎？誰(shuí)又能保證這個(gè)人不會(huì)看的頭痛并且對(duì)你進(jìn)行大罵。

所以第一次做的時(shí)候就要用正確的方法來(lái)做，這不是一個(gè)煩人的事情，這是一個(gè)人生哲理。如果這樣做的話，實(shí)際上會(huì)節(jié)省你大量的時(shí)間和金錢(qián)，并可以讓和你一起做事的人變的比較輕松。

你可能會(huì)認(rèn)為在內(nèi)置CSS中隨心所欲的編寫(xiě)會(huì)比在按照一定的條條框框來(lái)編寫(xiě)會(huì)更快一些。并且你可能有會(huì)認(rèn)為在不考慮整個(gè)文件結(jié)構(gòu)的情況下來(lái)隨意編寫(xiě)也會(huì)更快一些。

以后當(dāng)你更新文件或重新設(shè)計(jì)網(wǎng)站時(shí)，你將會(huì)花費(fèi)更多的時(shí)間來(lái)彌補(bǔ)你前隨意編寫(xiě)的代碼，這遠(yuǎn)遠(yuǎn)超階過(guò)了當(dāng)時(shí)你節(jié)省的時(shí)間。當(dāng)你編寫(xiě)新的頁(yè)面的時(shí)候，你之前用的討厭的內(nèi)嵌式代碼會(huì)返回來(lái)不停的困攏著你，你會(huì)花很多的時(shí)間才能從這里解脫出來(lái)。

可擴(kuò)展性、可獲取性、轉(zhuǎn)變和未來(lái)的標(biāo)準(zhǔn)

移動(dòng)瀏覽器的發(fā)展越來(lái)越有前途，現(xiàn)在幾乎每一個(gè)人都可以用手機(jī)來(lái)上網(wǎng)沖浪。輔助技術(shù)也在發(fā)展，如為盲人設(shè)計(jì)的屏幕閱讀器，為殘疾人設(shè)計(jì)的可變接口設(shè)備。你肯定也不想因?yàn)闆](méi)有考慮到這些變化而讓自己受到損失。

對(duì)來(lái)自全世界的網(wǎng)民來(lái)說(shuō)，你網(wǎng)站上的內(nèi)容可能會(huì)被部分的被翻譯成多國(guó)語(yǔ)言。由于互聯(lián)網(wǎng)檔案、谷歌的緩存和其他一些網(wǎng)絡(luò)單元，你今天發(fā)布的頁(yè)面可能會(huì)在網(wǎng)上存在很久很久，即使你已經(jīng)把它從你的網(wǎng)站上刪除了。

清潔標(biāo)記和標(biāo)準(zhǔn)還有很長(zhǎng)的路要走以保證你的網(wǎng)站能夠在以后順利的隨著網(wǎng)絡(luò)發(fā)展變化。

該做的和不該做的

和你認(rèn)為的一樣要使用標(biāo)簽。比如：h1是網(wǎng)頁(yè)上的高層，之后是h2、h3等等。每個(gè)頁(yè)面上應(yīng)該只有一個(gè)子h1標(biāo)簽。

用有意義的名字來(lái)命名你的CSS標(biāo)準(zhǔn)和ID，并問(wèn)問(wèn)你自己是不別人能從名字中看出什么意思。這些命名也是很有意思的：#box12 或者#評(píng)論尺度？

要很好的利用CSS。比如：如果你在文件夾中設(shè)置了一種字體，你就不需要在每一個(gè)子文件夾中都重新設(shè)置，除非你想在每一個(gè)子文件夾中設(shè)置不同的字體。這可能使你的頁(yè)面被很快的打開(kāi)。

用你的HTML、CSS和XML盡可能多的訂正錯(cuò)誤。同時(shí)還要注意產(chǎn)生的警告。

仔細(xì)檢查所見(jiàn)即所得生成的代碼，進(jìn)行必要的代碼清理。這些代碼臃腫、冗余，里面包含了很多不需要的、無(wú)用的垃圾。

不要因?yàn)槟愕拇颐妥⑷雰?nèi)嵌格式與無(wú)關(guān)的標(biāo)記和屬性。

不要因?yàn)橛卸唐诘男Ч屠^續(xù)的使用，因?yàn)橐粋€(gè)頁(yè)面的可以使用并不意味著他的代碼是符合標(biāo)準(zhǔn)的、沒(méi)有問(wèn)題的、適合搜索引擎的。

當(dāng)前文章：網(wǎng)頁(yè)設(shè)計(jì)中優(yōu)化代碼重要性
本文路徑：http://www.bm7419.com/news29/96679.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、企業(yè)建站、面包屑導(dǎo)航、電子商務(wù)、定制網(wǎng)站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)