T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
24th January

Kako pripraviti IE6 do prepoznavanja HTML5

Razvoj spleta gre naprej in danes sta aktualna HTML5 in CSS3. Žal veliko ljudi še vedno uporablja IE6, ki je s "sodobnostjo nekompatibilen" in zaradi tega večina razvijalcev ne uporablja sodobne prijeme programiranja. Oglejte si trik, kako lahko začnete uporabljati nove tehnologije že danes.
Rešitev je v dodajanju javascript kode, ki omogoči IE6 prepoznavanje HTML5 elementov in jim doda CSS.

V našem primeru bomo uporabili sledeče HTML5 elemente:

  • header
  • footer
  • nav
  • article

HTML5 koda:

HTML:
  1. <!DOCTYPE html>
  2.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  3.    
  4.     <html>
  5.         <head>
  6.             <title><!-- Your Title --></title>
  7.         </head>
  8.        
  9.         <body>
  10.             <header>
  11.                 <!-- ... -->
  12.             </header>
  13.        
  14.             <nav>
  15.                 <!-- ... -->
  16.             </nav>
  17.        
  18.             <div id="main">
  19.                 <!-- ... -->
  20.             </div>
  21.        
  22.             <footer>
  23.                 <!-- ... -->
  24.             </footer>
  25.         </body> 
  26.     </html>

Če želimo, da IE6 prepozna HTML5 elemente moramo v glavo dokumenta dodati tole:
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");

Več si preberite na avtorjevem blogu

http://ejohn.org/blog/html5-shiv/

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Kako ohraniti pregledno strukturo CSS dokumenta
  2. IE6 se seli na mobilce!
  3. IE6 težave pri izdelavi spletnih strani
  4. T&R splet od marca 2010 ignorira IE6 pri izdelavi internet strani
  5. Napredno programiranje v CSS s pomočjo LESS
  6. Google Chrome Frame – rešitev za zastarele brskalnike – HTML5 rendering za IE
  7. Magento internetna trgovina – kako dodati Google analytics preko admin
  8. Kako internetni strani dodati nestandardne fonte-pisave brez uporabe CSS3
  9. Javascript – print – tiskanje – document – onload
  10. Anti IE6 propaganda – Save the Developers

Dodaj komentar