Vigtigste Browsere At få HTML5 til at fungere i gamle versioner af Internet Explorer

At få HTML5 til at fungere i gamle versioner af Internet Explorer



arv-og-html5

At få HTML5 til at fungere i gamle versioner af Internet Explorer

En af hovedårsagerne til, at udviklere muligvis ikke overgår til HTML5 endnu, er den opfattede mangel på støtte til ældre browsere. Dette er faktisk usant, og selvom der muligvis er behov for noget jiggery-pokery for korrekt bagudkompatibilitet, er det stadig muligt.

Naturligvis med ældre browsere mener jeg Internet Explorer, da alle de andre store spillere opdaterer regelmæssigt, og deres brugere har tendens til at følge trop: browsere som Firefox, Safari og Opera har understøttet HTML5 i et stykke tid. Nogle udviklere kan beslutte at stoppe med at støtte IE6, men for nogle er det ikke en mulighed, og i hvert fald understøtter hverken IE7 eller IE8 heller HTML5. IE9 vil, men det kører kun på Windows Vista og Windows 7, så de andre versioner vil stadig eksistere i lang tid fremover, som vi har set med IE6.

Så hvad skal der gøres for at få HTML5 til at fungere i Internet Explorer?

hvordan man fortæller, om nogen har blokeret dit nummer på Android

Ukendte elementer

Først og fremmest gengiver IE ikke nogen elementer, som den ikke genkender, så den ignorerer HTML5 strukturelle elementer fuldstændigt som header, footer, article, section, og nav, alle hoveddele af et HTML5-sted. Dette kan afhjælpes ved at fortælle IE om disse elementer ved hjælp af JavaScript. Den bedste måde at gøre dette på er at inkludere HTML5 shiv script, oprettet af Remy Sharp. Dette praktiske script opretter alle de relevante HTML5-elementer, som IE nu vil vide om, når de gengiver siden.

Et problem med dette er, at det ikke fungerer for brugere, der har JavaScript slået fra. Desværre er der ingen vej uden om dette, så udvikleren skal tage en beslutning om enten at bruge HTML5 eller forblive med HTML 4.01.

Styling

De fleste browsere har interne typografiark, der blandt andet gælder display:block for at blokere niveauelementer. Mens nogle af de nyere browsere nu gør dette for de relevante HTML5-elementer, gør nogle ikke, og dette skal tilføjes for alle browsere. Det er kun tricket ved at tilføje følgende styling:

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

Formelementer

Og hvad med nogle af de nye elementer i sig selv, som f.eks nye inputtyper - hvordan gengives disse på ældre browsere?

Fin faktisk. Da HTML5-specifikationen blev udvidet i en bagudkompatibel måde alle inputtyper, der ikke genkendes, behandles simpelthen som text og vil blive gengivet som sådan.

hvordan man kan se alle de billeder, som nogen kan lide på instagram

Multimedia

Som jeg tidligere har diskuteret, video og lydelementer er designet til at give et fald tilbage til Flash, hvilket fungerer fint på Internet Explorer.

Flytningen til HTML5 vil stadig være en gradvis, og nogle vil ikke se eller have behov for at bruge nogen af ​​de nye funktioner, den giver, men når de gør det, kan de være (relativt) sikre i den viden, at ældre browsere vil gengive deres websteder helt fint.

Interessante Artikler

Redaktørens Valg

Hvordan Streamer TheDanDangler forvandlede en Instagram-følger til succes
Hvordan Streamer TheDanDangler forvandlede en Instagram-følger til succes
En lille boble rækker langt, og TheDanDangler er den mest sprudlende personlighed på Twitch.
Sådan låses lydstyrken på Android
Sådan låses lydstyrken på Android
Smartphones er usædvanligt nyttige stykker tech. At have musik, spil, sociale medier, videoer og bøger i en lille pakke er fantastisk. Så fantastisk i virkeligheden, at du næppe kunne bebrejdes for at glemme deres grundlæggende, originale funktion - en telefon.
Sluk for Autoforbedring i Fotos-appen i Windows 10
Sluk for Autoforbedring i Fotos-appen i Windows 10
Du kan slå Automatisk forbedring fra i appen Fotos i Windows 10 for at få et mere naturligt udseende til dine fotos. Fotos-appen i Windows 10 ...
Sådan spiller du musik på alle Google Home-højttalere
Sådan spiller du musik på alle Google Home-højttalere
En af de mest innovative ting ved smarte højttalere er deres evne til at synkronisere og afspille musik som en enhed. Forestil dig at have den samme slags højttaler i hvert værelse i dit hus. Dine familiemedlemmer kunne hver bruge deres
Aktivér AVIF-support i Mozilla Firefox
Aktivér AVIF-support i Mozilla Firefox
Sådan aktiveres AVIF-understøttelse i Mozilla Firefox Fra og med Mozilla Firefox 77, der er i Betakanalen i skrivende stund, er det muligt at aktivere understøttelsen af ​​AVIF-billedformat i browseren. Dette kan være nyttigt for websteder, der aktivt bruger dette moderne format til at levere rigt multimedieindhold
Tilføj eller fjern tastaturlayout i Windows 10
Tilføj eller fjern tastaturlayout i Windows 10
Seneste Windows 10-builds leveres med en ny 'Tastatur'-side i appen Indstillinger. Sådan tilføjes eller fjernes et tastaturlayout i Windows 10.
Dagligt Bing # 2-tema til Windows 8
Dagligt Bing # 2-tema til Windows 8
Få de fantastiske tapeter, der er samlet fra Bings daglige billeder med temaet Daily Bing # 2 til Windows 8. For at få dette tema skal du klikke på downloadlinket nedenfor og derefter klikke på Åbn. Dette vil anvende temaet på dit skrivebord. Tip: Hvis du bruger Windows 7, skal du bruge vores Deskthemepack Installer til at installere og anvende dette