HTML5新標籤的相容性處理

2021-09-24 06:47:52 字數 391 閱讀 1117

html5新的語義標籤儘管有很多的好處,但是在低版本的老ie瀏覽器中還是存在相容性問題的,常常讓人感到頭疼,到底是大膽的使用新標籤還是使用傳統的大量的div無義標籤?今天就簡單的看看h5新標籤的相容性處理方式。

首先來看一小段簡單的**:

html**:

1 

2 311 1214 159 10 "header">header

11 "footer">footer

1213

1421

22 23

複製**

那我們現在直接開啟ie6瀏覽器看效果:

完全可以實現我們想要的效果,而且操作更加的簡單,**量更少,大家不妨也可以在ie7和ie8瀏覽器中也測試一下。

HTML5新標籤的相容性處理

html5新的語義標籤儘管有很多的好處,但是在低版本的老ie瀏覽器中還是存在相容性問題的,常常讓人感到頭疼,到底是大膽的使用新標籤還是使用傳統的大量的div無義標籤?今天就簡單的看看h5新標籤的相容性處理方式。首先來看一小段簡單的 html 1 doctype html 2 html 3 head ...

HTML相容性處理

注意 html 對ie7的hack 必須保證html頂部有如下宣告 二 萬能 float 閉合 關於 clear float 的原理可參見 how to clear floats without structural markup 將以下 加入global css 中,給需要閉合的div加上 cla...

html5 標籤新特性

html5主要的特徵就是標籤語義化。語義化的好處就是使得 結構讓人清晰易讀,這些語義化的標籤會有一些自帶屬性,比如說邊距 顏色 和display的設定等等 頭部 內容 內容分塊1 內容分塊2 內容分塊3 底部 導航 側欄 引用 自帶邊距,和縮排 標記 保留書寫的樣式 包括空格 tab 還有 ente...