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

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

清潔標記并用網(wǎng)絡標準來建設網(wǎng)站可能會讓人們不解，但從長期看來，這樣做不但可以節(jié)省時間還可以節(jié)省資金。

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

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

在這篇文章中，我會研究一下網(wǎng)絡標準的基礎，它是什么？它對你來說意味著什么？我會指出一些非常重要但又在平時非常容易被大家忽略的問題。

“干凈”的標記意味著什么？

簡而言之，這意味免去了凌亂無章，并可以使標準變的兼容，對不同的語言可以使用相同的的標簽和結(jié)構(gòu)。

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

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

我通常都會認為：“思維的快了就會變得非常的草率，同樣，用干凈、標準的格式來標記會花費很多時間”，并且通常都會說：“這已經(jīng)起作用了，這才是最重要的?！?/p>

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

你真的認為搜索引擎會終日不變的用同樣的手法來工作嗎？你們是很挑剔的，如果你不符標準，你表面上的網(wǎng)頁級就會下降。

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

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

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

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

可擴展性、可獲取性、轉(zhuǎn)變和未來的標準

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

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

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

該做的和不該做的

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

用有意義的名字來命名你的CSS標準和ID，并問問你自己是不別人能從名字中看出什么意思。這些命名也是很有意思的：#box12 或者#評論尺度？

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

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

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

不要因為你的匆忙就注入內(nèi)嵌格式與無關的標記和屬性。

不要因為有短期的效果就繼續(xù)的使用，因為一個頁面的可以使用并不意味著他的代碼是符合標準的、沒有問題的、適合搜索引擎的。

分享文章：網(wǎng)頁設計中優(yōu)化代碼重要性
轉(zhuǎn)載來源：http://www.muchs.cn/news/96679.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、微信公眾號、網(wǎng)站收錄、App開發(fā)、定制開發(fā)、品牌網(wǎng)站制作

廣告

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