Shulou(Shulou.com)06/01 Report--

The main content of this article is "HTML5 browser support case analysis", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Now let the editor to take you to learn "HTML5 browser support case analysis" bar!

HTML5 browser support

All modern browsers support HTML5.

In addition, all browsers, old or new, automatically treat unrecognized elements as inline elements.

Because of this, you can help older browsers deal with "unknown" HTML elements.

Note: you can even teach Stone Age IE6 how to handle unknown HTML elements.

Define HTML5 elements as block-level elements

HTML5 defines eight new semantic HTML elements. All are block-level elements.

You can set the CSS display property to block to ensure the correct behavior in older browsers:

Example

one

two

three

Header, section, footer, aside, nav, main, article, figure {

Display: block

}

Add a new element to the HTML

You can add any new element to HTML through the browser trick:

This example adds a new element named HTML and defines a display style for it:

Example

one

two

three

four

five

six

seven

eight

nine

ten

eleven

twelve

thirteen

fourteen

fifteen

sixteen

seventeen

eighteen

nineteen

twenty

Creating an HTML Element

Document.createElement ("myHero")

MyHero {

Display: block

Background-color: # ddd

Padding: 50px

Font-size: 30px

}

My First Heading

My first paragraph.

My First Hero

At this point, I believe that everyone has a deeper understanding of "HTML5 browser support case analysis", might as well come to the actual operation! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.