Siitä on kulunut yli 20 vuotta Tim Berners-Lee ja Robert Cailliau määritelty HTML , josta tuli Internetin rakentamiseen käytetty standardimerkintäkieli. Siitä lähtien HTML-kehitysyhteisö on pyytänyt parannuksia tälle kielelle, mutta tämän huudon kuulivat enimmäkseen verkkoselaimen kehittäjät, jotka yrittivät helpottaa kollegoidensa HTML-ongelmia. Valitettavasti tämä johti vielä enemmän ongelmiin aiheuttaen monia selainten välisiä yhteensopivuusongelmia ja päällekkäistä kehitystyötä. Näiden 20 vuoden aikana HTML päivitettiin neljä kertaa, kun taas useimmat selaimet saivat kaksinumeroiset numerot tärkeimmistä päivityksistä ja lukuisista pienistä korjauksista.
HTML5: n piti lopulta ratkaista ongelmamme ja tulla yksi standardi hallita kaikkia (selaimet) . Tämä oli luultavasti yksi odotetuimmista tekniikoista World Wide Webin luomisen jälkeen. Onko se tapahtunut? Saimmeko vihdoin yhden merkintäkielen, joka on täysin selainten kanssa yhteensopiva ja toimii kaikilla työpöytä- ja mobiilialustoilla, mikä antaa meille kaikki ne ominaisuudet, joita pyysimme? Minä en tiedä! Vain muutama päivä sitten (16. syyskuuta 2014) saimme yksi W3C: n tarkistuspyyntö joten HTML5-määritys on edelleen keskeneräinen.
Toivottavasti, kun määritys on jonain päivänä valmis, selaimilla ei ole jo merkittävää vanhentunutta koodia, ja ne toteuttavat helposti ja asianmukaisesti upeita ominaisuuksia, kuten Verkkotyöntekijät , Useita synkronoituja ääni- ja videoelementtejä ja muut HTML5-komponentit, joita tarvitsemme jo kauan.
Meillä on kuitenkin tuhansia yrityksiä, jotka ovat perustaneet liiketoimintansa HTML5: een ja menestyvät hyvin. Miljoonat ihmiset käyttävät myös monia hienoja HTML5-pohjaisia sovelluksia ja pelejä, joten menestys on tietysti mahdollista ja HTML5: tä käytetään ja käytetään jatkossakin riippumatta sen määrittelyn tilasta.
Mainitsemani resepti voi kuitenkin räjähtää helposti kasvoillemme, ja siksi olen korostanut joitain perustavimpia HTML5-virheitä, jotka voidaan välttää. Suurin osa alla luetelluista virheistä on seurausta tiettyjen HTML5-elementtien puutteellisesta tai puuttuvasta toteutuksesta eri selaimissa, ja meidän on toivottava, että lähitulevaisuudessa ne vanhentuvat. Siihen asti, kunnes näin tapahtuu, suosittelen lukemaan luettelo ja pitämään se mielessä seuraavaa HTML5-sovellusta rakennettaessa riippumatta siitä, oletko HTML5-aloittelija vai kokenut eläinlääkäri.
Anna heidän syödä kakkua! Tämä lähestymistapa on ollut taakka kehittäjille ikuisesti. Kohtuullisen järkevän vuoksi turvallisuusrikkomusten pelko ja tietokoneiden suojaaminen 'pimeinä aikoina', kun monet pelkäsivät Internetiä, verkkosovellukset saivat jättää kohtuuttoman pienet tietomäärät tietokoneisiin. Totta, oli asioita, kuten käyttäjätiedot jonka 'suuret Microsoftin selainmestarit (r)' antoivat meille, tai esimerkiksi paikallisia jaettuja objekteja Flashissa, mutta tämä ei ollut kaukana täydellisyydestä.
Siksi on kohtuullista, että yksi ensimmäisistä HTML5: n perusominaisuuksista on kehittäjät oli Verkkotallennus . Ole kuitenkin varovainen, että verkkotallennus ei ole turvallista. Se on parempi kuin käyttää evästeitä, koska sitä ei lähetetä langan kautta, mutta sitä ei ole salattu. Sinun ei pitäisi ehdottomasti koskaan tallentaa turvatunnuksia siellä. Sinun turvallisuuspolitiikka ei pitäisi koskaan luottaa verkkotallennustilaan tallennettuihin tietoihin, koska haitallinen käyttäjä voi helposti muokata häntä localStorage ja sessionStorage arvot milloin tahansa.
Saadaksesi enemmän tietoa verkkotallennustilasta ja sen käytöstä, suosittelen lukemista Tämä postaus .
HTML5 on paljon enemmän kuin yksinkertainen merkintäkieli. Se on kypsynyt tarpeeksi yhdistääkseen käyttäytymisen yhdessä asettelun kanssa, ja kannattaa pitää HTML5: tä laajennettuna HTML: nä ja edistyneellä JavaScriptillä. Jos tarkastelet kaikkia ongelmia, joita meillä aiemmin oli vain saadaksemme staattisen HTML + CSS-yhdistelmän näyttämään identtiseltä kaikissa selaimissa, on kohtuullista olettaa, että monimutkaisuus merkitsee vain enemmän vaivaa selainten yhteensopivuuden varmistamiseksi.
HTML5-tulkinta eri selaimissa ei ole läheskään identtinen, aivan kuten tapaus oli JavaScriptin kanssa. Kaikki selainsotien tärkeimmät toimijat antoivat kätensä HTML5-spesifikaatioon, joten on kohtuullista olettaa, että selainten välisten poikkeamien pitäisi vähentää ajan myötä. Mutta jo nyt jotkut selaimet päättivät jättää kokonaan huomiotta tietyt HTML5-elementit, mikä tekee perusviivan ja yhteisten ominaisuuksien noudattamisen erittäin vaikeaksi. Jos lisäämme yhtälöön enemmän Internetiin kytkettyjä laitteita ja alustoja, tilanne vaikeutuu entisestään ja aiheuttaa ongelmia HTML5: n kanssa.
Esimerkiksi Verkkoanimaatiot ovat hieno ominaisuus, jota vain tukee Chrome ja Opera , sillä aikaa Verkkoilmoitus ominaisuus, jonka avulla käyttäjä voi varoittaa web-sivun ulkopuolelta tapahtumasta, kuten sähköpostin toimittamisesta, täysin ohittaa Internet Explorer .
Saat lisätietoja HTML5-ominaisuuksista ja eri selainten tuesta tutustumalla HTML5-oppaaseen osoitteessa www.caniuse.com .
Joten tosiasia on, että vaikka HTML5 on uusi ja hyvin määritelty, meidän pitäisi odottaa paljon selainten yhteensopivuusongelmia ja suunnitella ne etukäteen. Selainten on täytettävä liian monta aukkoa, ja on kohtuullista olettaa, etteivät ne pysty voittamaan kaikkia alustojen välisiä eroja hyvin.
Huolimatta siitä, että HTML5 kehittyy edelleen, se on erittäin tehokas tekniikka, jolla on monia etuja verrattuna vaihtoehtoisiin alustoihin, joita on käytetty ennen sen olemassaoloa. Mutta, suurella voimalla on suuri vastuu , erityisesti HTML5-aloittelijoille. HTML5 on otettu käyttöön kaikissa suurimmissa selaimissa työpöydällä ja mobiililaitteilla. Tämän huomioon ottaen monet kehitystiimit valitsevat HTML5: n ensisijaiseksi alustaksi toivoen, että heidän sovelluksensa toimivat tasaisesti kaikissa selaimissa. Kohtuullisen suorituskyvyn olettaminen sekä työpöydällä että mobiilialustalla vain siksi, että HTML5-spesifikaatiot niin sanovat, ei ole järkevää. Paljon yrityksiä (khm! Facebook khm!) teki vetonsa HTML5: lle mobiilialustalleen ja kärsi siitä, että HTML5 ei toiminut suunnitellusti.
Jälleen on kuitenkin joitain hienoja yrityksiä, jotka luottavat voimakkaasti HTML5: een. Katsokaa vain lukuisia online-pelikehitystudioita, jotka tekevät upeita juttuja samalla kun työntävät HTML5: n ja selaimet rajoilleen. Niin kauan kuin olet tietoinen suorituskykyongelmista ja kiertää niitä, voit olla loistavassa paikassa tekemällä upeita sovelluksia.
Verkosta on tullut erittäin tärkeä osa elämäämme. Sovellusten tekeminen avustavaa teknologiaa käyttävien ihmisten saataville on tärkeä aihe, joka usein jätetään sivuun ohjelmistokehityksessä. HTML5 yrittää voittaa tämän toteuttamalla joitain edistyneitä esteettömyysominaisuuksia. Yli harvat kehittäjät pitivät tätä riittävänä eivätkä ole todellakaan viettäneet aikaa käyttää muita esteettömyysvaihtoehtoja sovelluksissaan. Valitettavasti HTML5: ssä on tässä vaiheessa ongelmia, jotka estävät sitä asettamasta sovelluksiasi kaikkien saataville, ja sinun pitäisi odottaa investoivasi lisäaikaa, jos haluat sisällyttää laajemman käyttäjän.
Voit tarkistaa Tämä paikka lisätietoja HTML5: n esteettömyydestä ja yleisimpien esteettömyysominaisuuksien nykytilasta.
HTML5 on laajentanut tavanomaisia HTML / XHTML-tunnisteita merkittävästi. Uusien tunnisteiden lisäksi saimme melkoisen määrän uusia sääntöjä ja käyttäytymistä. Liian monet kehittäjät valitsivat vain muutaman parannuksen ja ovat ohittaneet joitain HTML5: n erittäin hienoja uusia ominaisuuksia.
Yksi HTML5: n hienoimmista asioista on asiakaspuolen vahvistus. Tämä ominaisuus oli luultavasti yksi HTML5: n varhaisimmista elementeistä, jonka verkkoselaimet valitsivat. Valitettavasti löydät kuitenkin muutaman kehittäjän, jotka lisäävät novalidate määritteen oletusarvoisesti niiden muodoille. Syyt tähän ovat kohtuullinen, ja olen varma, että keskustelemme tästä. Takautuvan yhteensopivuuden takia monet sovellukset toteuttivat mukautettuja JavaScript-validointilaitteita, ja selainten tekemä valmiiden tarkistusten tekeminen on hankalaa. Ei ole kuitenkaan liian vaikeaa varmistaa, että kaksi vahvistusmenetelmää ei törmää, ja käyttäjien validoinnin standardointi varmistaa yhteisen kokemuksen ja auttaa ratkaisemaan aiemmin mainitsemani esteettömyysongelmat.
Toinen hieno ominaisuus liittyy tapaan, jolla käyttäjän syötteet käsitellään HTML5: ssä. Ennen kuin HTML5 tuli, meidän oli pidettävä kaikki lomakekentät sisältämässäsi tunnisteessa. Uudet lomakemääritteet tekevät siitä täysin kelvollisen tehdä jotain tällaista:
First name:
Last name: Vaikka lname ei ole lomakkeen sisällä, se lähetetään yhdessä fname: n kanssa.
Lisätietoja uusista lomakemääritteistä ja parannuksista voit tarkistaa Mozilla Developer Network .
Ymmärrän, että web-kehittäjät ovat sivuvaikutuksia selainsodissa, koska monet yllä olevista virheistä ovat suoria seurauksia ongelmallisesta HTML5-toteutuksesta eri selaimissa. On kuitenkin edelleen välttämätöntä välttää yleisiä HTML5-ongelmia ja käyttää jonkin aikaa ymmärtämään HTML5: n uusia ominaisuuksia. Kun kaikki on hallinnassa, sovelluksemme käyttävät hyviä uusia parannuksia ja vievät verkon uudelle tasolle.
Web-kehittäjät ovat sivuvaikutuksia selainsodissa. Tweet
