如何讓舊瀏覽器支援HTML5新標籤

2021-07-03 17:34:38 字數 595 閱讀 6783

html5出現也不短了,很多**的頁面都進行了改版,為了降低**量(不需要起太多的類名),提公升載入速度,提高標籤的語義性,因此,在網頁中大量使用了section,article,header等html5標籤。自己最近在寫響應式布局的範例,裡面也使用到了header等標籤。還是比較希望能夠做成相容「舊版瀏覽器」的,在此和大家共享一下,如何讓舊瀏覽器支援html5新增標籤。

書寫的基本的html**:

頂部內容

導航內容

文章內容

底部內容

google等新瀏覽器中的表現:

ie6中的表現:

其實,讓舊瀏覽器支援html5新增標籤,聽上去很難,操作起來很簡單,只需要你懂dom操作就足夠了。

首先我們使用js進行標籤的建立,為html檔案建立我們需要的這幾個html5標籤。

接下來,我們需要使用css進行這幾個html5標籤的樣式控制。這是因為,通過這種方法建立的新標籤,預設是行內元素。因此需要新增如下**:

對於**位置,我們需要注意,要將script標籤放置到head中,而不是body的後面,這是因為,瀏覽器從上到下進行**的執行與解析,在已經渲染之後再執行js就沒有任何意義和價值了。

原文:

HTML5 移動瀏覽器支援

全文完 以下為廣告部分 如果您想看下您的 https部署的是否安全,花1分鐘時間來 myssl.com 檢測以下吧。讓您的https 變得更安全!ssl檢測評估 快速了解https 安全情況。安全評級 a a a 行業合規檢測 證書資訊檢視 證書鏈資訊以及補完 伺服器套件資訊 證書相容性檢測等。ss...

HTML5瀏覽器支援判斷

首先判斷瀏覽器是否支援html5,根據以往的經驗判斷瀏覽器型別以及版本 這裡提供另外一張思路和方法。建立個html5的特性 看瀏覽器是否存在 參考w3c html div id intro p strong strong p div id checkvideoresult style margin ...

HTML5 各大瀏覽器對html5的支援情況

html5 各大瀏覽器對html5的支援情況 1,主流瀏覽器對html5的支援情況 1 chrome,firefox 支援html5很多年,而且有自動公升級,支援最好。2 safari,opera 同樣支援html5很多年,支援也很好。3 ie ie10起比較好了,之前很差。2,檢視具體的支援情況 ...