優化網頁設計時代碼的重要性
由於網絡是一個不斷變化和不斷髮展的有機體,所以建立一個能和網絡一起變化、成長的網站是非常重要的,當網絡世界發生變化時不至於被網衝擊波所傷到也是很重要的一點。
清潔標記並用網絡標準來建設網站可能會讓人們不解,但從長期看來,這樣做不但可以節省時間還可以節省資金。
隨着網絡的擴張,網絡中所用的技術也隨之也不斷的在發展。HTML在網絡中已經存在很久,並且在不斷的發展過程中產生了很多的衍生品。
首先是Javascript,之後出現CSS、XML和AJAX。廣泛的採用HTML5已經指日可待,Firefox, Safari, Opera 和Chrome都是有HTML5來支持的(IE卻比以前要落後了)。
在這篇文章中,我會研究一下網絡標準的基礎,它是什麼?它對你來説意味着什麼?我會指出一些非常重要但又在平時非常容易被大家忽略的問題。
“乾淨”的標記意味着什麼?
簡而言之,這意味免去了凌亂無章,並可以使標準變的兼容,對不同的語言可以使用相同的的標籤和結構。
潔淨的HTML可以減少不必要的標籤的使用,消除了不必要的東西,並用很小的標記來成功完成一個任務。它沒有使用不必要的屬性,如內置的CSS 、每個文件的結構和組織。
同樣,潔淨的CSS也應該避免重複,並利用已有的資源。符合標準意味着你的頁在符合由W3C發佈的HTML、CSS和XML標準。它意味着使用W3C來檢測錯誤、糾正和測試,直到你的網頁百分之百的可用。
每一個網站設計的項目都有一個時間限制,客户也都希望它們的網站能夠提前完成。所以網絡開發人員和設計人員都在持續的壓力下不斷提高工作速度和工作效率。
我通常都會認為:“思維的快了就會變得非常的草率,同樣,用乾淨、標準的格式來標記會花費很多時間”,並且通常都會説:“這已經起作用了,這才是最重要的。”
當然,目前來看,它以你確實起作用了。但明年會怎樣呢?從現在起三年又會怎樣呢?以新的瀏覽器來説呢?會產生什麼影響呢?
你真的認為搜索引擎會終日不變的用同樣的手法來工作嗎?你們是很挑剔的,如果你不符標準,你表面上的網頁級就會下降。
當下一個人不得不修改你編的網頁的時候會發生什麼事?如果你被車撞了、被外星人劫持了、在極地探險時找不到營地時會發生什麼事情?這個人不得不得重新撿起你丟下的爛攤子,不得不花萬般心思來看代碼、理解代碼。這會一件簡單的事嗎?誰又能保證這個人不會看的頭痛並且對你進行大罵。
所以第一次做的時候就要用正確的方法來做,這不是一個煩人的事情,這是一個人生哲理。如果這樣做的`話,實際上會節省你大量的時間和金錢,並可以讓和你一起做事的人變的比較輕鬆。
你可能會認為在內置CSS中隨心所欲的編寫會比在按照一定的條條框框來編寫會更快一些。並且你可能有會認為在不考慮整個文件結構的情況下來隨意編寫也會更快一些。
以後當你更新文件或重新設計網站時,你將會花費更多的時間來彌補你前隨意編寫的代碼,這遠遠超階過了當時你節省的時間。當你編寫新的頁面的時候,你之前用的討厭的內嵌式代碼會返回來不停的困攏着你,你會花很多的時間才能從這裏解脱出來。
可擴展性、可獲取性、轉變和未來的標準
移動瀏覽器的發展越來越有前途,現在幾乎每一個人都可以用手機來上網衝浪。輔助技術也在發展,如為盲人設計的屏幕閲讀器,為殘疾人設計的可變接口設備。你肯定也不想因為沒有考慮到這些變化而讓自己受到損失。
對來自全世界的網民來説,你網站上的內容可能會被部分的被翻譯成多國語言。由於互聯網檔案、谷歌的緩存和其他一些網絡單元,你今天發佈的頁面可能會在網上存在很久很久,即使你已經把它從你的網站上刪除了。
清潔標記和標準還有很長的路要走以保證你的網站能夠在以後順利的隨着網絡發展變化。
該做的和不該做的
和你認為的一樣要使用標籤。比如:h1是網頁上的最高層,之後是h2、h3等等。每個頁面上應該只有一個子h1標籤。
用有意義的名字來命名你的CSS標準和ID,並問問你自己是不別人能從名字中看出什麼意思。這些命名也是很有意思的:#box12 或者#評論尺度?
要很好的利用CSS。比如:如果你在文件夾中設置了一種字體,你就不需要在每一個子文件夾中都重新設置,除非你想在每一個子文件夾中設置不同的字體。這可能使你的頁面被很快的打開。
用你的HTML、CSS和XML儘可能多的訂正錯誤。同時還要注意產生的警告。
仔細檢查所見即所得生成的代碼,進行必要的代碼清理。這些代碼臃腫、宂餘,裏面包含了很多不需要的、無用的垃圾。
不要因為你的匆忙就注入內嵌格式與無關的標記和屬性。
不要因為有短期的效果就繼續的使用,因為一個頁面的可以使用並不意味着他的代碼是符合標準的、沒有問題的、適合搜索引擎的。
-
Dreamweaver技巧詳解
Dreamweaver由MX版本開始使用Opera軟件公司的排版引擎“Presto”作為網頁預覽。下面給大家介紹Dreamweaver技巧,一起來學習吧!Dreamweaver技巧詳解1、靈活運用樣式熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇CustonStyle來調用Style...
-
高級PHP開發工程師崗位職責7篇
現如今,很多地方都會使用到崗位職責,崗位職責具有提高內部競爭活力,更好地發現和使用人才的作用。想學習制定崗位職責卻不知道該請教誰?以下是小編整理的高級PHP開發工程師崗位職責,僅供參考,希望能夠幫助到大家。高級PHP開發工程師崗位職責1工作職責:1、承擔機器學習...
-
水星路由器設置wap
用户請根據自己的寬帶接入方式,按照上面介紹的方法,安裝你的水星(Mercury)MW153R路由器。以下是小編為大家整理分享的水星路由器設置wap,歡迎閲讀參考。水星路由器設置wap本文介紹了水星(Mercury)MW153R無線路由器的安裝、上網設置以及無線網絡(Wi-Fi)的設置;一台...
-
Dedecms中常用數據調用的sql語句
本文實例彙總了Dedecms中常用數據調用的'sql語句。分享給大家供大家參考。具體如下:{dede:sqlsql="selectcount(*)ascfromdede_archiveswherechannel=1"}共有文章:[field:c/]篇{/dede:sql}{dede:sqlsql="selectcount(*)ascfromdede_archiveswherechannel=2"}共...