{"id":8483,"date":"2022-09-28T11:53:01","date_gmt":"2022-09-28T11:53:01","guid":{"rendered":"https:\/\/mdr.foobrdigital.com\/?p=8483"},"modified":"2022-09-28T11:53:01","modified_gmt":"2022-09-28T11:53:01","slug":"html5-browser-support","status":"publish","type":"post","link":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/2022\/09\/28\/html5-browser-support\/","title":{"rendered":"HTML5 Browser Support"},"content":{"rendered":"\n<p>All the modern browsers support\u00a0HTML5, automatically handling the unknown elements as inline elements. furthermore, it\u2019s possible to \u201cteach\u201d the older browsers to handle such kinds of elements.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"semantic-elements-as-block-elements-2\">Semantic Elements as Block Elements<\/h2>\n\n\n\n<p>HTML5 specifies eight new\u00a0semantic elements, and all of them are block-level elements. Here they are:<\/p>\n\n\n\n<ul><li>HTML &lt;header> tag<\/li><li>HTML &lt;section> tag<\/li><li>HTML &lt;footer> tag<\/li><li>HTML &lt;aside> tag<\/li><li>HTML &lt;nav> tag<\/li><li>HTML &lt;main> tag<\/li><li>HTML &lt;article> tag<\/li><li>HTML &lt;figure> tag<\/li><\/ul>\n\n\n\n<p>Set the\u00a0CSS display\u00a0property for the elements mentioned above, to ensure proper behavior in older browsers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"html5shiv-4\">HTML5Shiv<\/h2>\n\n\n\n<p>The HTML5Shiv is placed inside of the &lt;head> tag. It is a javascript file. It is referenced in a\u00a0&lt;script>\u00a0tag.<\/p>\n\n\n\n<p>You should use the HTML5Shiv while using the new HTML5 elements.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example of the HTML5Shiv:<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=\"UTF-8\"&gt; &lt;!--[if lt IE 9]&gt; &lt;script src=\"https:\/\/oss.maxcdn.com\/libs\/html5shiv\/3.7.0\/html5shiv.js\"&gt;&lt;\/script&gt; &lt;![endif]--&gt; &lt;\/head&gt; &lt;body&gt; &lt;section&gt; &lt;h1&gt;The most beautiful places in the world&lt;\/h1&gt; &lt;article&gt; &lt;h2&gt;Salar de Uyuni, Bolivia&lt;\/h2&gt; &lt;p&gt;The world's largest salt flats, spanning 4086 miles (10,582 sq. km), Salar de Uyuni is unlike anywhere else on earth.&lt;\/p&gt; &lt;\/article&gt; &lt;article&gt; &lt;h2&gt;Moraine Lake, Canada&lt;\/h2&gt; &lt;p&gt;Moraine Lake may only only half the size of its nearby neighbour Lake Louise, but it's even more scenic.&lt;\/p&gt; &lt;\/article&gt; &lt;article&gt; &lt;h2&gt;Iguazu Falls, Argentina\/Brazil border&lt;\/h2&gt; &lt;p&gt;One of the modern natural wonders of the world, this chain of mini waterfalls is one of the planet's most awe-inspiring sights.&lt;\/p&gt; &lt;\/article&gt; &lt;\/section&gt; &lt;\/body&gt; &lt;\/html&gt;<\/code><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>All the modern browsers support\u00a0HTML5, automatically handling the unknown elements as inline elements. furthermore, it\u2019s possible to \u201cteach\u201d the older browsers to handle such kinds of elements. Semantic Elements as Block Elements HTML5 specifies eight new\u00a0semantic elements, and all of them are block-level elements. Here they are: HTML &lt;header> tag HTML &lt;section> tag HTML &lt;footer> [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[425],"tags":[],"_links":{"self":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/8483"}],"collection":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=8483"}],"version-history":[{"count":0,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/8483\/revisions"}],"wp:attachment":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=8483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/categories?post=8483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/tags?post=8483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}