一个寝室3个攻一受全h_97国产福利_在线中文字幕理伦电影_www.youjizz.com国产

首頁?>?知識?資訊?>?網站設計中的WEB標準總結!?>?正文

網站設計中的WEB標準總結!

2010/6/21 0:00:00 · 稿源:傳誠信

下面是我們從事這個網站建設行業多年的一些經驗總結,希望拋磚引玉。

1、必備工具

  其實web標準并不是很復雜的技術,實現web標準的工具也很簡單,說白了,只要可以進行純文本編輯的軟件,都可以作為代碼編寫的gon工具。例如記事本、UltraEdit甚至CuteFTP的編輯器(象我這種懶人有時候就用那玩藝兒直接在線編輯,汗)。
  而另一些較專業軟件會提供高亮顯示代碼(前面提到的UltraEdit也具有此項功能)、代碼提示、自動閉合標簽等等功能,使用起來會大大提高工作效率。如DreamWeaver、MS Expression、EditPlus等等,這些編輯軟件目前是絕對的主流,無論是初學者上手容易還是專業人士提高效率都是不錯的選擇。

  再說說瀏覽器環境,目前一臺機器同時裝IE、Firefox、Opera、Safari已經不是難事,而IE7 Standalone和MultipleIE的問世也讓IE7和低版本IE并存成為可能。推薦瀏覽器環境——本機安裝IE7、FF、Opera、Safari,同時安裝MultipleIE。從我個人的使用經驗,IE7 Standalone存在一定的缺陷,有可能導致本機安裝的IE6無法正常使用。

  除了編輯器以外,還有就是必不可少的調試工具啦,首推當然是Firefox下的Firebug!IE下目前還沒有與之相當的調試工具,比較好的有IE development toobar、IE Debugbar等等,不過和Firebug完全不是一個檔次的東西,只能說勉強湊合用。

2、必備的HTML/XHTML基礎

  說到基礎,其實正是我最想談的。從論壇許多的帖子也可以看出來,大多數問題的產生是由于制作者本身基礎的不牢固。而HTML/XHTML作為基礎中的基礎,更是許多人的薄弱環節。然而很多人還是喜歡一上來就問布局或者Hack這些技巧方面的問題,其實很多問題如果本人的基礎牢固了,幾乎不能被稱之為問題。
  web標準必備的HTML/XHTML基礎,大致有幾個方面:
  1、每個標簽的語義,這一點是網頁標準的根本。而整個網頁標準化幾乎都是圍繞著這一點而來的,明確了語義,才能選擇合適的標簽;明確了語義,才能構建可讀性良好的結構。例如

就是網站最高等級的標題,它不應該放在

層級之下;例如
,主要用于表單元素分組,不應該因為它那個漂亮的邊框就用來表現新聞列表。
  2、每個標簽的初始樣式,現在有很多重置標簽樣式就是針對這一點,因為每個標簽在不同瀏覽器下的初始樣式是不同的,而重置樣式是為了更好地實現網頁兼容性。從我個人的角度來說,不推薦初學者一上來就了解如何重置樣式,而應該從了解標簽的初始樣式入手,先了解了這些,才能明白每一行重置樣式的代碼的真正含義。
  3、標簽的正確嵌套規則,同時還必須了解的是哪些標簽屬于塊元素,而哪些屬于行內元素。這是即使是高手也會經常忽略的方面,例如本人(^_^)。今天看到http://bbs.blueidea.com/thread-2834342-1-1.html這個帖子的時候,才意識到,原來之前對dt、dd的嵌套規則理解有誤,二者不能一視同仁。HTML/XHTML的嵌套規則并不算簡單,常用的標簽不過三十個上下,就有大約二十種不同的嵌套規則,稍不留神就會出錯。雖然不嚴格遵循并不會影響頁面的表現,但養成一個良好的習慣是很重要的,它往往能決定你在這條路上可以走多遠。
  4、標簽的屬性。這個又要分為兩方面,一是符合標準的常用屬性及對應的值,例如的summary屬性、

      1. <table id="tflpm"><menuitem id="tflpm"><big id="tflpm"></big></menuitem></table>
        的scope屬性、