From 3651a6c2423cfaece803b62f12192a0a13a28e81 Mon Sep 17 00:00:00 2001 From: loginaccount Date: Thu, 1 Nov 2018 23:37:27 +0800 Subject: [PATCH] Create index.md (#33105) --- guide/english/html/html5-support/index.md | 56 +++++++++++++++++++++++ 1 file changed, 56 insertions(+) create mode 100644 guide/english/html/html5-support/index.md diff --git a/guide/english/html/html5-support/index.md b/guide/english/html/html5-support/index.md new file mode 100644 index 0000000000..558138a3ce --- /dev/null +++ b/guide/english/html/html5-support/index.md @@ -0,0 +1,56 @@ +--- +title: HTML5 Browser Support +--- + +# HTML5 Browser Support + +## Overview + +### You can teach older browsers to handle HTML5 correctly. + +## HTML5 Browser Support + +HTML5 is supported in all modern browsers. + +In addition, all browsers, old and new, automatically handle unrecognized elements as inline elements. + +Because of this, you can "teach" older browsers to handle "unknown" HTML elements. + +## Define Semantic Elements as Block Elements +HTML5 defines eight new semantic elements. All these are block-level elements. + +To secure correct behavior in older browsers, you can set the CSS display property for these HTML elements to block: + +```html +header, section, footer, aside, nav, main, article, figure { + display: block; +} +``` +#Add New Elements to HTML +You can also add new elements to an HTML page with a browser trick. + +This example adds a new element called to an HTML page, and defines a style for it: +```html + + + + + + + + +

A Heading

+My Hero Element + + + +``` +#### More Information: +* [W3 Schools](https://www.w3schools.com/html/html5_intro.asp)