接觸web標準很久了,但是真正開始實踐時間並不長,今天和跟狼一樣的新手分享一下關於程式碼結構的一些心得。本文為入門級讀物。
看到這個標題可能有些朋友會覺得有點摸不到頭腦,那讓狼來為大家解釋。
首先,要說說狼對「DIV CSS」的詞性的理解,狼認為她是形容詞。她形容採的是用DIV(其實是XHTML)作為結構、採用css作為表現的一種網頁設計技術。當web標準傳入中國時很多人為了讓大家更輕易理解把採用web標準設計形容成「DIV CSS"!但是,問題也隨之而來了。很多剛接觸web標準的設計師簡單的認為就是用DIV來取代我們原來的表格佈局。他們設計出來的網頁的架構也有DIV和CSS。
出現的錯誤如圖,所有元素採用DIV佈局。
錯誤簡單分析,由於錯誤的理解很多新手會完全採用DIV來佈局,在這樣的結構裡DIV2和3完全沒有語意。而我們採用web標準的一個原因就是讓程式碼的結構更有意義。記得以為高手說過亂用DIV和用表格佈局一樣糟糕。
其實我們可以將程式碼修改成這樣。讓我們的網頁結構變的更好。
這裡將DIV2和3,用與頁面內容更相符的h2 和p替換。讓頁面的程式碼結構更加清楚更具有意義。
相信看來狼的例子大家應該要明白「DIV CSS別真DIV CSS了」的意思了。