如何讓全部的瀏覽器支持html5標籤

時間 2019-12-12

原文原文鏈接

我找到的網上的解決方法是在head標籤里加入html5shiv的谷歌引用，地址以下：html

html5

注意：將上代碼複製到head部分，記住必定要是head部分（由於IE必須在元素解析前知道這個元素，因此這個js文件不能在其餘位置調用，不然失效）canvas

 不要忘了給這些自定義的標籤添加block屬性：

      /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

可是，網上給的這個連接方法在虛擬機上用ietester實驗發現沒有成功，也就是沒能下載到這個js連接瀏覽器

因此，上面寫的不成功，我決定把代碼拿出來貼在head裏或者本身本地寫個html5.js，就像這樣：ide

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
<title></title>
    <script>
 (function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
    </script>
    <style>
 /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
 section{color: red}
    </style>
</head>
<body>
   <section>試驗下</section>
</body>
</html>


      而後通過試驗ietest各類版本均可以，紅色代碼主要是利用document.createElement爲瀏覽器添加新的標籤以及設置爲block屬性，查閱了下ppk的網站，document.createElement全部瀏覽器都支持，注意添加的位置

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。