htmL5.js+html5.css

在head部分引用（因为IE必须在元素解析前知道这个元素，所以这个js文件不能在其他位置调用，否则失效）

<!--[if IE]>

    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

 

 

/*

 HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed

 Uncompressed source: https://github.com/aFarkas/html5shiv

*/

(function(l, f) {

     function m() {

          var a = e.elements;

          return "string" == typeof a ? a.split(" ") : a

     }

     function i(a) {

          var b = n[a[o]];

          b || (b = {}, h++, a[o] = h, n[h] = b);

          return b

     }

     function p(a, b, c) {

          b || (b = f);

          if (g) return b.createElement(a);

          c || (c = i(b));

          b = c.cache[a] ? c.cache[a].cloneNode() : r.test(a) ? (c.cache[a] = c.createElem(a)).cloneNode() : c.createElem(a);

          return b.canHaveChildren && !s.test(a) ? c.frag.appendChild(b) : b

     }

     function t(a, b) {

          if (!b.cache) b.cache = {}, b.createElem = a.createElement, b.createFrag = a.createDocumentFragment, b.frag = b.createFrag();

          a.createElement = function(c) {

               return !e.shivMethods ? b.createElem(c) : p(c, a, b)

          };

          a.createDocumentFragment = Function("h,f", "return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(" + m().join().replace(/\w+/g, function(a) {

               b.createElem(a);

               b.frag.createElement(a);

               return 'c("' + a + '")'

          }) + ");return n}")(e, b.frag)

     }

     function q(a) {

          a || (a = f);

          var b = i(a);

          if (e.shivCSS && !j && !b.hasCSS) {

               var c, d = a;

               c = d.createElement("p");

               d = d.getElementsByTagName("head")[0] || d.documentElement;

               c.innerHTML = "x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";

               c = d.insertBefore(c.lastChild, d.firstChild);

               b.hasCSS = !! c

          }

          g || t(a, b);

          return a

     }

     var k = l.html5 || {}, s = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,

          r = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,

          j, o = "_html5shiv",

          h = 0,

          n = {}, g;

     (function() {

          try {

               var a = f.createElement("a");

               a.innerHTML = "<xyz></xyz>";

               j = "hidden" in a;

               var b;

               if (!(b = 1 == a.childNodes.length)) {

                    f.createElement("a");

                    var c = f.createDocumentFragment();

                    b = "undefined" == typeof c.cloneNode ||

                         "undefined" == typeof c.createDocumentFragment || "undefined" == typeof c.createElement

               }

               g = b

          } catch (d) {

               g = j = !0

          }

     })();

     var e = {

          elements: k.elements || "abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",

          version: "3.6.2pre",

          shivCSS: !1 !== k.shivCSS,

          supportsUnknownElements: g,

          shivMethods: !1 !== k.shivMethods,

          type: "default",

          shivDocument: q,

          createElement: p,

          createDocumentFragment: function(a, b) {

               a || (a = f);

               if (g) return a.createDocumentFragment();

               for (var b = b || i(a), c = b.frag.cloneNode(), d = 0, e = m(), h = e.length; d < h; d++) c.createElement(e[d]);

               return c

          }

     };

     l.html5 = e;

     q(f)

})(this, document);

 

 

PS:所有新增标记，在不支持它们的浏览器上，需要为其重新定义相关表现形式，例如他们都是块状态(display:????

/*html5*/

 

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