由於網路是一個不斷變化且不斷發展的有機體,所以建立一個能和網路一起變化、成長的網站是非常重要的,當網路世界改變時不至於被網衝擊波所傷到也是很重要的一點。
清潔標記並用網路標準來建立網站可能會讓人不解,但從長期看來,這樣做不但可以節省時間還可以節省金錢。
隨著網路的擴張,網路中所使用的技術也隨之也不斷的發展。 HTML在網路中已經存在很久,並且在不斷的發展過程中產生了很多的衍生品。
首先是Javascript,之後出現CSS、XML和AJAX。廣泛的採用HTML5已經指日可待,Firefox, Safari, Opera 和Chrome都是有HTML5來支援的(IE卻比以前要落後了)。
在這篇文章中,我會以網億科技www.idccss.com 為例,研究一下網絡標準的基礎,它是什麼?它對你來說意味著什麼?我會指出一些非常重要但又在平時非常容易被大家忽略的問題。
「乾淨」的標記意味著什麼?
簡而言之,這意味免去了凌亂無章,並可以使標準變的兼容,對不同的語言可以使用相同的標籤和結構。
潔淨的HTML可以減少不必要的標籤的使用,消除了不必要的東西,並用很小的標記來成功完成一個任務。它沒有使用不必要的屬性,例如內建的CSS 、每個檔案的結構和組織。同樣,潔淨的CSS也應該避免重複,並利用現有的資源。符合標準意味著你的頁在符合由W3C發布的HTML、CSS和XML標準。它意味著使用W3C來檢測錯誤、修正和測試,直到你的網頁百分之百的可用。
每個網站設計的專案都有一個時間限制,客戶也希望它們的網站能夠提前完成。所以網路開發人員和設計人員都在持續的壓力下不斷提高工作速度和工作效率。
我通常都會認為:“思維的快了就會變得非常的草率,同樣,用乾淨、標準的格式來標記會花費很多時間”,並且通常都會說:“這已經起作用了,這才是最重要的。但明年會怎樣呢?從現在起三年又會怎樣呢?以新的瀏覽器來說呢?會產生什麼影響呢?
你真的認為搜尋引擎會終日不變的用同樣的手法來工作嗎?你們是很挑剔的,如果你不符標準,你表面上的網頁級就會下降。
當下一個人不得不修改你編的網頁的時候會發生什麼事?如果你被車撞了、被外星人劫持了、在極地探險時找不到營地時會發生什麼事情?這個人不得不得重新撿起你丟下的爛攤子,只好花萬般心思來看程式碼、理解程式碼。這會一件簡單的事嗎?誰又能保證這個人不會看的頭痛並且對你進行大罵。
所以第一次做的時候就要用正確的方法來做,這不是一個煩人的事情,這是一個人生哲理。如果這樣做的話,實際上會節省你大量的時間和金錢,並且可以讓和你一起做事的人變的比較輕鬆。
你可能會認為在內建CSS中隨心所欲的編寫會比在按照一定的條條框框來編寫會更快一些。而且你可能有會認為在不考慮整個文件結構的情況下來隨意編寫也會更快一些。以後當你更新文件或重新設計網站時,你將會花更多的時間來彌補你前隨意寫的程式碼,這遠遠超階過了當時你節省的時間。當你寫新的頁面的時候,你之前用的討厭的內嵌式程式碼會返回來不停的困攏著你,你會花很多的時間才能從這裡解脫出來。
可擴展性、可獲取性、轉變和未來的標準
行動瀏覽器的發展越來越有前途,現在幾乎每一個人都可以用手機上網。輔助技術也在發展,如為盲人設計的螢幕閱讀器,為殘疾人設計的可變介面設備。你肯定也不想因為沒有考慮到這些改變而讓自己受到損失。
對來自全世界的網友來說,你網站上的內容可能會被部分的被翻譯成多國語言。由於網路檔案、Google的快取和其他一些網路單元,你今天發布的頁面可能會在網路上存在很久很久,即使你已經把它從你的網站上刪除了。
清潔標記和標準還有很長的路要走以保證你的網站能夠在以後順利的隨著網絡發展變化。
該做的和不該做的
和你認為的一樣要使用標籤。例如:h1是網頁上的最高層,之後是h2、h3等等。每個頁面上應該只有一個子h1標籤。
用有意義的名字來命名你的CSS標準和ID,並問問你自己是不別人能從名字中看出什麼意思。這些命名也是很有趣的:#box12 或#評論尺度?
要很好的利用CSS。例如:如果你在資料夾中設定了一種字體,你就不需要在每個子資料夾中都重新設置,除非你想在每個子資料夾中設定不同的字體。這可能使你的頁面被很快的打開。
用你的HTML、CSS和XML盡可能多的訂正錯誤。同時也要注意產生的警告。
仔細檢查所見即所得產生的程式碼,進行必要的程式碼清理。這些程式碼臃腫、冗餘,裡麵包含了許多不需要的、無用的垃圾。
不要因為你的匆忙就注入內嵌格式與無關的標記和屬性。
不要因為有短期的效果就繼續的使用,因為一個頁面的可以使用並不意味著他的程式碼是符合標準的、沒有問題的、適合搜尋引擎的。