Knowledge Walls
Gopal Rao
Mumbai, Maharashtra, India
Passcode:
How to make html5 work in ie8 in Trick and Tips of HTML5 & CSS3 Examples
1439 Views
Hints 
Html5 works in firefox and crome but not works in IE9 below versions of IE.For that you just need to add one js script source.
In Example: 1 location of src mentioned.If it is not working try,

Example: 2 Directly code written in <script> tag.

Note:Check periodically whether any changes made in source file.If it changed update with new one.
Example: 1 location of src mentioned
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <style>
        time{ color:red; }
        </style>
    </head>
    <body>
        <time>May, 2014</time>
    </body>
</html>
Example: 2 Directly code written in <script> tag
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <script>
        (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,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}</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 dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",
                version: "3.7.0",
                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);
    </script>
    <style>
        time {
            color: red;
        }
    </style>
</head>

<body>
    <time>May, 2014</time>
</body>

</html>
Next Topics
Next lessons of current book.
  Copyright © 2014 Knowledge walls, All rights reserved
KnowledgeWalls
keep your tutorials and learnings with KnowledgeWalls. Don't lose your learnings hereafter. Save and revise it whenever required.
Click here for more details