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

reference spletnih strani
« Zakaj odsvetujemo uporabo brskalnika Internet Explorer?
Katero kodiranje uporabiti pri izdelavi internetnih 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:

PLAIN TEXT
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. Magento internetna trgovina – kako dodati Google analytics preko admin
  3. Kako internetni strani dodati nestandardne fonte-pisave brez uporabe CSS3
  4. Javascript – print – tiskanje – document – onload
  5. Google Chrome Frame – rešitev za zastarele brskalnike – HTML5 rendering za IE
  6. Wordpress 3 – kako dodati Lytebox oz animiran ogled slike
  7. Operacije nad seznami – Javascript DOM – HTML select – HTML option
  8. Kako preprečiti dvojno pošiljanje obrazca z pomočjo Javascript-a (form submit)
  9. Input background-color – spreminjanje z Javascript-om
  10. Javascript – delci uporabne kode

Antony || Sunday, January 24th, 2010 ob 9:58 am || Splet, Splet (XHTML, CSS) || RSS 2.0 | Dodaj komentar || Trackback


Dodaj komentar