Tärkein Selaimet HTML5: n toimiminen Internet Explorerin vanhoissa versioissa

HTML5: n toimiminen Internet Explorerin vanhoissa versioissa



legacy-and-html5

HTML5: n toimiminen Internet Explorerin vanhoissa versioissa

Yksi tärkeimmistä syistä, miksi kehittäjät eivät välttämättä siirry HTML5: een, on havaittu tuen puute vanhoille selaimille. Tämä ei todellakaan pidä paikkaansa, ja vaikka oikeaan taaksepäin yhteensopivuuteen tarvitaan jonkin verran pokeripelejä, se on silti mahdollista.

Perinteisillä selaimilla tarkoitan tietysti Internet Exploreria, koska kaikki muut suuret pelaajat päivittyvät säännöllisesti ja heidän käyttäjillään on taipumus seurata esimerkkiä: selaimet, kuten Firefox, Safari ja Opera, ovat tukeneet HTML5: tä jonkin aikaa. Jotkut kehittäjät voivat päättää lopettaa IE6: n tukemisen, mutta joillekin se ei ole vaihtoehto, eivätkä IE7 tai IE8 missään tapauksessa tue myöskään HTML5: tä. IE9 tulee, mutta se toimii vain Windows Vistassa ja Windows 7: ssä, joten muut versiot ovat edelleen käytössä vielä pitkään, kuten olemme nähneet IE6: n kanssa.

Joten mitä on tehtävä, jotta HTML5 toimii Internet Explorerissa?

Kuinka asentaa Google Play -kauppa firestickiin

Tuntemattomat elementit

Ensinnäkin, IE ei renderöi elementtejä, joita se ei tunnista, joten se jättää kokonaan huomiotta HTML5-rakenneosat, kuten header, footer, article, section ja nav, kaikki HTML5-sivuston pääosat. Tämä voidaan korjata kertomalla IE: lle näistä elementeistä JavaScriptin avulla. Paras tapa tehdä tämä on sisällyttää HTML5 shiv käsikirjoitus, luonut Remy Sharp. Tämä kätevä komentosarja luo kaikki asiaankuuluvat HTML5-elementit, joista IE tietää nyt sivun renderöinnin yhteydessä.

Yksi ongelma tässä on, että se ei toimi käyttäjille, joiden JavaScript on poistettu käytöstä. Valitettavasti tätä ei ole olemassa, joten kehittäjän on tehtävä päätös joko käyttää HTML5: ää tai pysyä HTML 4.01: n kanssa.

Muotoilu

Useimmilla selaimilla on sisäiset tyylitaulukot, jotka soveltuvat muun muassa display:block estää tason elementit. Vaikka jotkut uudemmat selaimet tekevät tämän nyt asiaankuuluville HTML5-elementeille, jotkut eivät, ja tämä on lisättävä kaikille selaimille. Pelkän seuraavan tyylin lisääminen tekee temppun:

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

Lomakkeen elementit

Entä jotkut uudet elementit itse, kuten uudet syöttötyypit - miten nämä näkyvät vanhoissa selaimissa?

Hieno todella. Koska HTML5-määrittelyä laajennettiin a taaksepäin yhteensopivalla tavalla , kaikkia syötetyyppejä, joita ei tunnisteta, käsitellään yksinkertaisesti nimellä text ja se yksinkertaisesti renderoidaan sellaisenaan.

virhekoodimuistin hallinta -ikkunat 10

Multimedia

Kuten olen keskustellut aiemmin, video- ja äänielementit on suunniteltu palauttamaan Flashiin, joka toimii hyvin Internet Explorerissa.

Siirtyminen HTML5: een on edelleen asteittainen, ja jotkut eivät näe eikä tarvitse käyttää mitään sen tarjoamista uusista toiminnoista, mutta kun he tekevät, he voivat olla (suhteellisen) turvallisia tietäen, että vanhemmat selaimet tekevät sivustoistaan ​​hienosti.

Mielenkiintoisia Artikkeleita

Toimituksen Valinta

Poista käytöstä tai ota Poista vahvistus valokuvat -sovelluksesta käyttöön Windows 10: ssä
Poista käytöstä tai ota Poista vahvistus valokuvat -sovelluksesta käyttöön Windows 10: ssä
Kuinka poistaa tai ottaa käyttöön valokuvien poistamisen vahvistus Windows 10 -käyttöjärjestelmässä Windows 10: ssä. Windows 10: n mukana toimitetaan Valokuvat-sovellus, joka korvasi Windowsin valokuvien katseluohjelman ja valokuvavalikoiman. Sen ruutu on kiinnitetty Käynnistä-valikkoon. Sen mukana tulee tiukka integrointi Microsoftin omaan pilviratkaisuun, OneDriveen. Windows 10 Photos -sovelluksen avulla voit
Ota laajennustyökalurivivalikko käyttöön tai poista se käytöstä Google Chromessa
Ota laajennustyökalurivivalikko käyttöön tai poista se käytöstä Google Chromessa
Kuinka laajennustyökalurivivalikko otetaan käyttöön tai pois käytöstä Google Chromessa Google on käynnistänyt uuden kokeilun. Joillekin käyttäjille Chrome piilottaa oletuksena laajennuskuvakkeet. Sen sijaan, että lisätään niitä osoiterivin oikealle puolelle, selain piilottaa ne laajennusvalikon taakse. Mainos Laajennuksen työkalurivivalikko ei ole uusi
Lisää Salli sovellus hallitun kansion käytön pikavalikon kautta Windows 10: ssä
Lisää Salli sovellus hallitun kansion käytön pikavalikon kautta Windows 10: ssä
Saatat olla hyödyllistä lisätä erityinen 'Salli sovellus hallitun kansion käytön kautta' -valikko Windows 10: ssä, jotta estetyn sovelluksen esto voidaan nopeasti poistaa.
Microsoft Edge Chromium vastaanottaa täysin varustellun IE-tilan
Microsoft Edge Chromium vastaanottaa täysin varustellun IE-tilan
Vielä yksi uusi ominaisuus ilmestyi Microsoft Edgen Dev-haarassa. Dev build 77.0.211.1 -käyttöjärjestelmästä alkaen kyky avata verkkosivustoja Internet Explorer -tilassa toimii vihdoin oikein. Mainos Edge Canaryn äskettäin julkaisemassa versiossa 77.0.211.1 on mukana joukko lippuja, jotka hallitsevat IE-tilan käyttäytymistä. Liput
Onko Nvidia PhysX koskaan kannattavaa?
Onko Nvidia PhysX koskaan kannattavaa?
Nvidia on puhunut PhysX-järjestelmästään lakkaamatta siitä lähtien, kun se osti moottorin luojan Ageia Technologiesin helmikuussa 2008, mutta sillä oli vaikeuksia vaikuttaa merkittävästi PC-pelimaailmaan. Joten huolimatta vaikuttavista tekniikkademoista
Täysimittainen Photoshop Chromebookilla? Adobe tekee sen tapahtumaan
Täysimittainen Photoshop Chromebookilla? Adobe tekee sen tapahtumaan
Adobe on esittänyt uuden Photoshop-version, joka toimii yhtä alkeellisilla laitteilla kuin Google Chromebook. Photoshop on yksi vaativimmista käytettävissä olevista sovelluksista, minkä vuoksi se on osa PC Pro Real World -ohjelmaa
Poista uusi pyöristetty käyttöliittymä käytöstä Chrome 69: ssä
Poista uusi pyöristetty käyttöliittymä käytöstä Chrome 69: ssä
Chrome 69 sisältää useita uusia ominaisuuksia ja parannuksia, kuten käyttöliittymän hienostuneen ilmeen, jota kutsutaan nimellä 'Material Design Refresh'.