在 IE 中使用 HTML5 元素

一个HTML5范本

<html>
<head>
<style>blah { color: red; }</style>
</head>
<body>
<blah>Hello!</blah>
</body>
</html>

一个简洁的方法让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可：

<html>
<head>
<style>blah { color: red; }</style>
<script>document.createElement("blah")</script>
</head>
<body>
<blah>Hello!</blah>
</body>
</html>

在 IE 中，为了更方便使用 HTML5 元素，我们可以引入这样的脚本：

(function(){
// from: http://dean.edwards.name/weblog/2007/03/sniff/
if(!/*@cc_on!@*/0) return;

var html5 = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,
eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,
progress,section,time,video".split(',');
    for(var i = 0, len = html5.length; i < len; i++ )
        document.createElement(html5[i]);
    }
})();

JS下载

http://remysharp.com/downloads/html5.js

JS应用

转载于:https://www.cnblogs.com/fdszlzl/archive/2009/06/19/1506973.html

在 IE 中使用 HTML5 元素相关推荐

HTML5 中的canvas元素用于,HTML5中的Canvas元素
canvas 元素用于在网页上绘制图形. 什么是Canvas? HTML 5 的canvas元素使用JavaScript 在网页上绘制图像. 画布是一个矩形区域,您可以控制其每一像素. canvas ...
HTML5中新增的元素有哪些
HTML5中新增的元素有哪些 1.新增的结构元素语义化的标签<article></article> 文章<section></section> 独立的 ...
html中用来表示主题标签的是什么,HTML5中的article标签是什么？HTML5中的article元素用在什么地方？...
HTML5中的article标签是什么?HTML5中的article元素用在什么地方?本篇文章主要为大家解释了什么是HTML5中的article标签,article用在什么地方,还有HTML5中art ...
如何使用Createjs来编写HTML5游戏（八）通过继承扩展EaselJS中的基础元素
从我第一天了解到javascript开始,就听说在这里是没有类的.其实一开始我是沮丧的,尽管我并不知道有没有"类"对编程究竟有多大影响,不过有缺憾总是让人感觉遗憾,哪怕这是一个你可 ...
h5中的结构元素header、nav、article、aside、section、footer详解
文章目录 header元素 nav元素 article元素 aside元素 section元素 footer元素结构元素不具有任何样式,只是使页面元素的的语义更加明确 header元素 header ...
Html5元素及基本语法
Html5元素及基本语法 HTML标签开始标签(opening tag):开放标签结束标签(closing tag):闭合标签元素定义:HTML元素指的是从开始标签到结束标签的代码(元素以开始 ...
html5元素拖动（转载黑桐）
HTML5 元素拖动 1.拖动元素img的相关设置: 设置元素可以拖动属性 draggable="true" 设置元素被拖动时触发的事件 οndragstart="dra ...
html5.js让IE（包括IE6）支持HTML5元素方法
html5.js让IE(包括IE6)支持HTML5元素方法微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的 ...
Web 开发中应用 HTML5 技术的10个实例教程
HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的 ...

在 IE 中使用 HTML5 元素

在 IE 中使用 HTML5 元素相关推荐

最新文章

热门文章