Post
Ask Question

HTML 5 Support All Non Supported Browsers

Introduction 
 

Many of time you have seen that few tags are not supported by Internet Explorer. Even I have used <aside> tag that is not compatible with Internet Explorer 8 see my article <aside> tag. There you will see that Internet Explorer 8 not give proper output that is way, I used Internet Explorer 9 to represent how aside tag work on Internet Explorer 9.
 
The <script> tag is very useful to define client-side script but in this code I used it for only to make my Internet Explorer compatible to represent my aside tag.
 
Code:
  1. <!DOCTYPE HTML >  
  2. <html>  
  3.     <head>  
  4.         <script type="text/javascript">  
  5.          document.createElement("aside");  
  6.     </script>  
  7.         <title></title>  
  8.     </head>  
  9.     <body>  
  10.         <aside style="font-size: larger; font-style: italic; color: Black;">  
  11.             <h1>  
  12.             Our Network</h1>  
  13.             <ul>  
  14.                 <li>  
  15.                     <a style="text-decoration: none" href="http://www.vbdotnetheaven.com">VB.NETHEAVEN</a>  
  16.                 </li>  
  17.                 <li>  
  18.                     <a style="text-decoration: none" href="http://www.c-sharpcorner.com">C# Corner</a>  
  19.                 </li>  
  20.                 <li>  
  21.                     <a style="text-decoration: none" href="http://www.dbtalks.com">DbTalks </a>  
  22.                 </li>  
  23.             </ul>  
  24.         </aside>  
  25.         <aside style="font-size: larger; font-style: italic; color: green; float: right;  
  26.          width: 200px;">  
  27.             <h1>  
  28.              Working With Area Tag in HTML5</h1>  
  29.             <p>  
  30.             The area tag is used only within a map tag. The area tag is used to define the areas  
  31.     on the image map that whenever the user clicks on the area the other page that the  
  32.              user is navigated to. The image map is used to divide the image into clickable areas and the clickable areas work as a hyperlink.  
  33.         </p>  
  34.             <p>  
  35.             For more click on this link Valon Ademi .</p>  
  36.         </aside>  
  37.         <header>  
  38.             <h1>  
  39.             My Article</h1>  
  40.         </header>  
  41.         <article>  
  42.             <h1>  
  43.             My Article Post</h1>  
  44.             <p>  
  45.             I have written about articel in that is introduced In HTML5 and also written about  
  46.              area tag this is imaging feature of HTML5.</p>  
  47.             <aside style="font-size: larger; font-style: normal; color: green;">  
  48.                 <h1>  
  49.                  Technologies</h1>  
  50.                 <dl>  
  51.                     <dt>HTML5</dt>  
  52.                     <dd>  
  53.                     New Article Tag Introduced in HTML5</dd>  
  54.                 </dl>  
  55.             </aside>  
  56.         </article>  
  57.         <aside style="font-size: x-large; font-style: normal;">  
  58.             <h1>  
  59.     HyperText Markup Language</h1>  
  60.             <b>HTML5</b> is a language for structuring and presenting content for the World Wide Web, a core technology of the Internet. It is the fifth revision of the HTML standard (originally created in 1990 and most recently standardized as HTML4 in 1997) and as of June 2011[update] was still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML4, but XHTML1 and DOM2HTML (particularly JavaScript) as well.  
  61.         </aside>  
  62.     </body>  
  63. </html>  
Output: 
 
Internet Explorer 8
 
1.gif
 
In the above code, I have applied <script> tag only on aside tag. You can apply the script on many tag see below code. There are two way to apply script on all tags.
 
First code
  1. < script type = "text/javascript" >  
  2.  document.createElement('header');  
  3. document.createElement('hgroup');  
  4. document.createElement('nav');  
  5. document.createElement('menu');  
  6. document.createElement('section');  
  7. document.createElement('article');  
  8. document.createElement('aside');  
  9. document.createElement('footer');  
  10. <  
  11. /script>  
Second code
  1. <!--[if IE]>  
  2. <script type="text/javascript">    
  3. var html5elements =  
  4. "abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(',');   
  5. for (var i = 0; i < html5elements.length; i++)    
  6. document.createElement(html5elements[i]);   
  7. </script>  
  8. <![endif]-->  


Similar Articles