structure-div 

這是 DIV + CSS 的 HTML 代碼佈局模式,而且這個佈局還是一個經典的兩欄佈局。不過這個模式的代碼看起來不是那麼清晰。而 HTML5 的定義標籤可以讓這些代碼看起來就很清晰了。下面的圖片就是使用 HTML5 定義標籤的佈局模式了。

 

structure-html5 

不過要在 IE 下使用這些語義化的標籤就需要這JS 來做兼容了,等到 IE9 發佈後就不需要了。
然後仍然需要對 IE 下的這部分標籤重置CSS樣式,CSS代碼如下: article,aside,canvas,details,embed,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;} command,datalist,keygen,mark,meter,progress,rp,rt,ruby,time,wbr{display:inline;}
這樣就在 IE 下顯示正常了。

創作者介紹

狐狸搞設計

哈士奇 發表在 痞客邦 PIXNET 留言(0) 人氣()