$\"html5-without-solution-in-ie\"$ <\/span><\/a><\/div> \r\n \r\n\t\t\t\t
\r\n $\"image-1824\"$ \r\n <\/div><\/a><\/p>\n
HTML5 CODE:<\/strong><\/p>\n
<!DOCTYPE html>
\n <html xmlns="http:\/\/www.w3.org\/1999\/HTML" lang="en" xml:lang="en">
\n <head>
\n <meta charset="utf-8" \/>
\n <title>My first HTML5 website<\/title>
\n <\/head>
\n <body style="padding-left: 35px;">
\n <header> Header Tag of HTML5 with
\n <nav><a href="#"><nav><\/a> <\/nav>
\n <\/header>
\n <article>
\n <section>
\n <h2>Article & section Tag<\/h2>
\n <p>[…]<\/p>
\n <p>[…]<\/p>
\n <p>[…]<\/p>
\n <\/section>
\n <\/article>
\n <footer>Footer Tag of HTML5 <\/footer>
\n <\/body>
\n <\/html><\/p>\n
CSS CODE:<\/strong><\/p>\n
header {
\n background: #9e9e9e;
\n width: 600px;
\n height: 25px;
\n color:#FFF;
\n font-size:20px;
\n display: block;
\n text-align:center;
\n }
\n header a {
\n color: #FFF;
\n }
\n header a:hover {
\n color: #ebebeb;
\n }
\n article{
\n color: #CCC;
\n font-family:Arial, Helvetica, sans-serif;
\n font-size:14px;
\n }
\n footer {
\n background: #9e9e9e;
\n width: 600px;
\n height: 25px;
\n color:#FFF;
\n font-size:20px;
\n display: block;
\n text-align:center;
\n }<\/p>\n
The main script should be added to the section. It only can access the HTML5 in IE. Without the below script you will not get the required output.<\/p>\n
$\"html5-solution-script\"$ <\/span><\/a><\/div> \r\n \r\n\t\t\t\t
\r\n $\"image-1825\"$ \r\n <\/div><\/a><\/p>\n
That’s it… <\/p>\n","protected":false},"excerpt":{"rendered":"
OUTPUT (in IE) AFTER FIXING THE SOLUTION: OUTPUT (in IE) BEFORE FIXING THE SOLUTION: HTML5 CODE: <!DOCTYPE html> <html xmlns="http:\/\/www.w3.org\/1999\/HTML" lang="en" xml:lang="en"> <head> <meta charset="utf-8" \/> <title>My first HTML5 website<\/title> <\/head> <body style="padding-left: 35px;"> <header> Header Tag of HTML5 with <nav><a href="#"><nav><\/a> <\/nav> <\/header> <article> <section> <h2>Article & section Tag<\/h2> <p>[…]<\/p> <p>[…]<\/p> <p>[…]<\/p> <\/section> <\/article> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90,6,5],"tags":[63,147,149,146,148],"class_list":["post-1822","post","type-post","status-publish","format-standard","hentry","category-html","category-web-design","category-web-design-tips","tag-html5","tag-html5-nav-tag","tag-html5-not-working-in-ie","tag-html5-with-css","tag-ie-solutions-for-html5"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=1822"}],"version-history":[{"count":27,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1822\/revisions"}],"predecessor-version":[{"id":1856,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1822\/revisions\/1856"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=1822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=1822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=1822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}