Hoved Nettlesere Å få HTML5 til å fungere i gamle versjoner av Internet Explorer

Å få HTML5 til å fungere i gamle versjoner av Internet Explorer



arv-og-html5

Å få HTML5 til å fungere i gamle versjoner av Internet Explorer

En av hovedårsakene til at utviklere kanskje ikke går over til HTML5 ennå, er den opplevde mangelen på støtte for eldre nettlesere. Dette er faktisk usant, og selv om det kan være noe jiggery-pokery som kreves for riktig bakoverkompatibilitet, er det fortsatt mulig.

Selvfølgelig, med eldre nettlesere, mener jeg Internet Explorer, ettersom alle de andre store aktørene oppdateres regelmessig, og brukerne har en tendens til å følge etter: nettlesere som Firefox, Safari og Opera har støttet HTML5 en stund. Noen utviklere kan bestemme seg for å slutte å støtte IE6, men for noen er det ikke noe alternativ, og i alle fall støtter verken IE7 eller IE8 HTML5 heller. IE9 vil, men den kjører bare på Windows Vista og Windows 7, så de andre versjonene vil fortsatt være i lang tid fremover, som vi har sett med IE6.

Så hva må gjøres for å få HTML5 til å fungere i Internet Explorer?

kan du se lokale kanaler på Amazon Fire Stick

Ukjente elementer

Vel og først og fremst vil IE ikke gjengi noen elementer den ikke gjenkjenner, så den vil ignorere HTML5 strukturelle elementer som header, footer, article, section, og nav, alle hoveddelene av et HTML5-nettsted. Dette kan rettes ved å fortelle IE om disse elementene ved hjelp av JavaScript. Den beste måten å gjøre dette på er å inkludere HTML5 shiv skript, laget av Remy Sharp. Dette praktiske skriptet lager alle relevante HTML5-elementer som IE nå vil vite om når de gjengir siden.

Et problem med dette er at det ikke fungerer for brukere som har slått av JavaScript. Dessverre er det ingen vei rundt dette, så utvikleren må ta en beslutning om å bruke HTML5 eller holde seg med HTML 4.01.

Styling

De fleste nettlesere har interne stilark som blant annet gjelder display:block for å blokkere nivåelementer. Mens noen av de nyere nettleserne nå gjør dette for de aktuelle HTML5-elementene, gjør noen det ikke, og dette må legges til for alle nettlesere. Bare å legge til følgende styling vil gjøre susen:

article, aside, figure, footer, header, hgroup,
menu, nav, section { display:block; }

Formelementer

Og hva med noen av de nye elementene i seg selv, for eksempel nye inngangstyper - hvordan gjengis disse i eldre nettlesere?

Fint faktisk. Siden HTML5-spesifikasjonen ble utvidet i en bakoverkompatibel måte , alle inngangstyper som ikke gjenkjennes, behandles ganske enkelt som text og blir enkelt gjengitt som det.

hvordan du programmerer universal fjernkontroll uten kode

Multimedia

Som jeg har diskutert tidligere, har video og lydelementer er designet for å gi et fall tilbake til Flash, som vil fungere bra på Internet Explorer.

Flyttingen til HTML5 vil fortsatt være gradvis, og noen vil ikke se eller ha behov for å bruke noen av de nye funksjonalitetene den gir, men når de gjør det, kan de være (relativt) trygge med kunnskap om at eldre nettlesere vil gjengi nettstedene deres helt fint.

Interessante Artikler

Redaksjonens

Opprett Desktop Shortcut for Store-appen i Windows 10
Opprett Desktop Shortcut for Store-appen i Windows 10
Det er en innfødt måte å lage snarveier på skrivebordet for hvilken som helst Store-app du har installert på din Windows 10-PC. Slik gjør du det.
Hvordan bruke RetroArch
Hvordan bruke RetroArch
Du kan laste ned RetroArch-kjerner og rom for å spille klassiske Nintendo-, PlayStation- og Xbox-spill på din PC, telefon eller spillsystemer. Her er hvordan du kan bruke RetroArch i alle disse situasjonene.
Hvordan hardt tilbakestille Sonos Soundbar
Hvordan hardt tilbakestille Sonos Soundbar
Fremkomsten av lydplanker har vært en av de viktigste utviklingen innen lydsystemer det siste tiåret. Disse høyttalersystemene med passende navn består av ett enkelt utstyr som brukes til å levere atmosfæriske lyder uten behov for
Microsoft Office Insider Preview for Mac versjon 15.36 er ute
Microsoft Office Insider Preview for Mac versjon 15.36 er ute
For en tid siden lanserte Microsoft Office Insider-programmet for Mac- og iOS-brukere. De holder den oppdatert i et hyppig tempo. I dag ga selskapet ut en ny Office Insider build for Mac som kommer med en rekke feilrettinger. Her er endringsloggen. Den offisielle endringsloggen for denne bygningen på Mac
Slik blokkerer du Discord på en telefon, PC, ruter eller i Chrome
Slik blokkerer du Discord på en telefon, PC, ruter eller i Chrome
Det kan ikke benektes at Discord er en flott streamingprogramvare! Som mange andre nettsteder og apper er det imidlertid ikke det beste stedet for barn - Discord kan inneholde sensitive data eller bare bli vanedannende. Hvis du er bekymret for det
Hvordan bli med i en Friends Teapot i Genshin Impact
Hvordan bli med i en Friends Teapot i Genshin Impact
Hva har magiske tekanner og virtuelle videospillbesøk til felles? De er begge deler av Genshin Impacts nye boligfunksjon, avslørt for spillfellesskapet med 1.5-oppdateringen tilbake i april 2021. Med denne nye
Hvordan låse opp Demon Hunter i Hearthstone
Hvordan låse opp Demon Hunter i Hearthstone
Da Hearthstone ble løslatt, var det ni helteklasser i spillet. Hver klasse var balansert med en distinkt spillestil og tilbød spillerne en rekke alternativer for å fordype seg i spillet. Imidlertid ba mange spillere om