Older browsers (IE6,IE7,IE8) identify HTML5 tags

In recent years, the HTML5 craze, HTML5 added some semantic tags, but also let the front-end brother you rejoice.

HTML5 New Tags

But like IE6,IE7,IE8 these old and old rendering effects and ugly, so that the front-end brother you hate the root itch of the smelly browser, because some of the reasons for the mess can not give up treatment. Of course they don't recognize these new semantic tags.

Send them a hehe.

No, just spit it out. Let's look at the rendering effect of the different new browsers and the HTML5 semantic tags under the old browser.

My favorite chrome under:

Textlie ~ ~ ~

The effect under IE8:

But the front-end brothers have come up with a way to deal with them.

The front-end great gods found that using document.createelement to create them before rendering could make those stubborn browsers recognize them.

When the browser version < IE 9 o'clock, append the script snippet:

Look at the effect under IE8:

As for the old browsers, these new semantic tags are rendered in the case of inline elements, as needed to add style {Display:block;} Can.

Okay, now that old-fashioned browsers are already able to identify these new tags, the rest is on our own.

Older browsers (IE6,IE7,IE8) identify HTML5 tags