IE8以下不支援H5新標籤的解決方案

阿新 • • 發佈：2019-02-19

猿友們再寫頁面的時候，* * 客戶可能要求相容IE8以下版本，可是你用了幾個H5的新標籤，在IE8以下完全不識別怎麼辦呢。這時，不要慌不要忙，跟我一起念：如意如意隨我心意快快顯靈快快顯靈，哈哈哈

教大家個簡單的方法直接通過JS建立相同名字的標籤就可以了。

下面直接擼程式碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        document.createElement("header" 
);
        document.createElement("section");
        document.createElement("footer");
    </script>
    <style>
        header{
            width: 200px;
            height: 200px;
            display: block;
            background-color: red;
        }
        section{
            width: 150 
px;
            height: 150px;
            display: block;background-color: yellow;
        }
        footer{
            width: 100px;
            height: 100px;
            display: block;
            background-color: blue;
        }
    </style>
</head>
<body>
    <header>header</header 
>
    <section>section</section>
    <footer>footer</footer>
</body>
</html>

style樣式中需要display:block;是因為JS中建立的標籤是內聯的。

初學者，小知識，歡迎反駁！

IE8以下不支援H5新標籤的解決方案

猿友們再寫頁面的時候，* * 客戶可能要求相容IE8以下版本，可是你用了幾個H5的新標籤，在IE8以下完全不識別怎麼辦呢。這時，不要慌不要忙，跟我一起念：如意如意隨我心意快快顯靈快快顯靈，哈哈哈

相容IE8及以下不識別HTML5新標籤和css3 media query的方法

<!--[if lt IE 9]> 　　<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script> 　　<script src="http://cd

關於IE8以及以下版本不支援媒體查詢的解決方案

眾所周知，網頁前端開發時相容IE一直是很頭疼的問題。今天接到一個需要響應式佈局的問題，主要還要相容IE8，9。在網上搜索了以下解決方案，現記錄如下。首先，加入程式碼 <!--[if lt IE 9]> <script src="htt

H5 IE9及以下版本相容h5新標籤

使用他們能讓程式碼語義化更直觀,而且更方便SEO優化。但是此HTML5新標籤在IE6/IE7/IE8上並不能識別，需要進行JavaScript處理。如果是IE9及以下的IE瀏覽器將建立HTML5標籤。 <!--[if lt IE9]> <script type="text/javascr

關於JedisCluster不支援Pipeline操作的解決方案

一、背景業務需要，把redis單結點改為叢集，在對程式碼進行測試的時候發現了，原本使用jedis的批量操作pipeline，到了叢集的時候不可用了。報了org.springframework.data.redis.connection.jedis.JedisClusterConnectio

Pycharm中不支援中文編碼的解決方案。Pycharm中文報錯

Pycharm中不支援中文編碼的解決方案。Pycharm中文報錯 https://blog.csdn.net/zhonggaorong/article/details/53814215 版本資訊： Pycharm 5.0.3 python &

Android Pie不支援http請求的解決方案

如果，你把app的targetSdkVersion設定為了28，那就可能面臨著不能訪問http介面和網頁的問題。因為Android p預設不支援http的連線請求，和ios一樣。要解決這個問題，就需要新增一個配置。異常為（網路請求）： Exception: IOExceptio

Pycharm中不支援中文編碼的解決方案。Pycharm中文報錯。 Pycharm出現的部分快捷鍵無效及解決辦法

Pycharm中不支援中文編碼的解決方案。Pycharm中文報錯。 1. 開啟Pycharm ----> File ----> Default setting ------> Editor --

[053] 微信公眾平臺開發教程第23篇-SAE不支援XStream框架的解決方案

問題描述最近幾天（2014年8月20日之後），突然有不少網友反應，柳峰部落格中的微信公眾平臺開發程式碼在SAE上執行會報錯，或者是能正常部署，但向公眾號發訊息沒反應。以前也有一些初學者質疑過我部落格中的程式碼是否能正常執行，最後都被我一一證明是由於他們的不理解和粗心導致，但這

Python IDLE或Python Shell不支援中文編碼的解決方案

Python的自帶編輯器IDLE或者Python Shell在預設情況下都不支援中文編碼，若在指令碼程式中出現中文，則會出現一定的錯誤。原因：因為Python指令碼編碼預設是ASCII編碼的，當需要非ASCII編碼的字元出現在指令碼程式中時，需要新增相應的編碼宣告。

Spring 自動掃描不支援jar包的解決方案

近期在用spring3做一個專案,用到了裡面的一個自動掃描元件的特性.但是工程分為了好多個小專案,有個統一的開發平臺,這個平臺的支撐類會被我做成一個jar包被其它幾個子工程引用. 開發的時候使用的是工廠引用工廠的方式,在eclipse裡面的classpath裡面把該平臺工廠引入即可,避免了每次修改了平

別為Docker本地實現不支援GPU發愁，解決方案在此！

導讀通過提供獨立的執行環境而不需要整個虛擬機器的開銷，容器已經成為大規模部署應用程式的很有吸引力的選擇。 Docker讓容器變得易於使用，因此受到歡迎。通過使多個工程團隊能夠利用自己的配置進行開發、對齊基準或部署可擴充套件的微服務架構，容器在各個地方都有用。基於GPU的應用程式，正在迅速

Chrome不能顯示小於12px的字型的解決辦法，同時解決-webkit-transform: scale不支援行內標籤的問題

解決方案讓指定文字使用自定義的class，如forcefontsize10 <a> Products <sup class="forcefontsize1

解決IE8下不支援border-radius的問題

最近做了一個專案，是讓相容IE8瀏覽器的，遇到了IE8不支援border-radius和box-shadow的問題，在網上找了解決方案，主要是藉助於PIE.htc，具體的過程，發一個寫的比較好的文章(看連線文章之後，如果您還沒有解決問題，建議回過頭來看看我下面的注意事項，否則

javascript在IE8下不支援filter的解決方案

這是程式碼： songs = songs.filter(function (el) { return el.album==album; }); 這是錯誤： Object doesn't support this property or me

IE8不支援H5和CSS3

一：需要引入以下兩個檔案以保證相容： <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7

placeholder在瀏覽器ie9以下不支援之一種解決方法

原地址：http://www.cnblogs.com/larennani/p/6839139.html <script type="text/javascript"> $(function(){ if(!placeholderSuppor

Android WebView 不支援 H5 input type="file" 解決方法

最近因為趕專案進度，因此將本來要用原生控制元件實現的介面，自己做了H5並嵌入webview中。發現點選H5中 <input type="file"/>標籤不能開啟android資源管理器。通過網路搜尋發現是因為 android webview 由於考慮安全原

window.open打開一個新空白頁面，不會自動刷新【解決方案】

form turn targe push .get action html pos bstr 調用js方法： function BuildPostForm(fm, url, target) { var e = null, el = []; if (

input事件在ie9以下不兼容問題完美解決

change != 失效蛋疼事件失去焦點 htm ie瀏覽器定義上周四好不容易加了幾天班把剛接手的一個pc頁面做完，周五同事說要兼容ie7~ie9，結果在上面一跑，輸入都沒法輸入。我的需求是用6個span作為虛擬的密碼輸入框，實際上是用一個藏在頁面裏的inpu

IE8以下不支援H5新標籤的解決方案

教大家個簡單的方法直接通過JS建立相同名字的標籤就可以了。

相關推薦