HTML5: Den neste generasjonen webdesign

Den nyeste HTML-språkspesifikasjonen klassifisert av W3C er tilgjengelig for gjennomgang som HTML5 Working Draft, og HTML5 Editor's Draft, som angir en rekke spennende oppdateringer og endringer for HTML-kodingspraksis. Hvis du ikke er tilbøyelig til å lese de lange offisielle spesifikasjonene, er det en alternativ utgave levert av Web Hypertext Application Technology Working Group (WHATWG) med tittelen HTML5 - En teknisk spesifikasjon for webutviklere, og vises i figur A.

Figur A

Utviklingen av HTML til HTML5-spesifikasjonen startet med innledende W3C-workshops i 2004. Det var ikke før i 2006 at W3C kunngjorde interesse for å satse på utvikling, og deretter i 2007 begynte WHATWG sitt engasjement med å gi bidrag til spesifikasjonene, og på dagens utviklingstakt, er det ikke forventet å være fullført før en gang rundt 2020 eller 2022. For å adressere flere inkonsekvenser av standarder og implementeringer med hensyn til XHTML ble WHATWG dannet for å arbeide med HTML5-spesifikasjonen. WHATWGs samarbeidsinnsats inkluderer enkeltpersoner fra Apple, Mozilla Foundation og Opera Software, og det er den uoffisielle alliansen mellom produsenter av nettlesere som fokuserer på å oppnå en enkelt nettstandard.

WHATWG konsentrerer seg om disse fire temaene når vi utvikler HTML5-spesifikasjonene:

  1. Teknologi må være bakoverkompatibel.
  2. Når du implementerer nye teknologier som viser seg å fungere, må det bli en standard.
  3. Spesifikasjoner må være detaljerte uten omvendt konstruksjon.
  4. Document Object Model (DOM) må fungere med standardene.

Selv om den ferdige spesifikasjonen ennå ikke skal fullføres, inkluderer den noen funksjoner som kan implementeres i dag. Som den femte større revisjonen av kjernespråket for Word Wide Web, er det det virkelig betyr en enkel tilnærming for nettutviklere å merke kode. Forbedringen omfatter meningsfulle semantiske elementer for å spesifisere doktype, tegnsett, sidestruktur, multimedia inkludert lyd og video, gradientdisplay, og den ekstra muligheten til å lage noen elegante former og mye mer. Sammen med HTML5 er CSS3, noe som endrer måten stilarkene blir kodet og implementert også. De eneste forskjellene mellom W3C og WHATWG spesifikasjonene er for det meste redaksjonelle. teksten i hver er for det meste identisk.

Tim Burners-Lee, oktober 2006, om å oppfinne HTML på nytt:

"

Noen ting er tydeligere med etterpåklokskap fra flere år. Det er nødvendig å utvikle HTML trinnvis. Forsøket på å få verden til å bytte til XML, inkludert sitater rundt attributtverdier og skråstrek i tomme koder og navnefelt på en gang fungerte ikke. "

Det ser ut til at adopsjonsraten blant webutviklere tar opp litt damp nå som HTML5-spesifikasjonen har modnet litt i løpet av de siste årene, men det er fortsatt utfordringer som hindrer andre i å bytte, spesielt på grunn av forestillingen om at leverandører ikke kan bli enige om alle aspekter av standardene og implementeringene på en konsistent måte på tvers av alle plattformer. WHATWG håper deres innsats vil fremskynde adopsjonsfrekvensen for HTML5-standarden og implementeringen.

Nettleser kriger igjen?

Kanskje ikke, men de fleste nettlesere i dag er nå fokusert på HTML5 og CSS3-støtte, og mange går mot et bedre samsvarskrav. I henhold til HTML5-tilgjengelighet er Google Chrome ledende for pakken i nettleser-gjengivelse av HTML5-funksjonstøtten, og i løpet av et øyeblikk kommer Mozilla Firefox, etterfulgt av Internet Explorer 9, deretter Safari og Opera, og deretter alle tidligere versjoner av Internet Explorer tar opp baksiden. I henhold til HTML5-tilgjengelighetsrapporten, når nettleserne skifter mot HTML5-kompatibel gjengivelse, blir de fleste ikke vurdert for høyt i det hele tatt med den høyeste karakteren "Dårlig +" for Chrome.

HTML5 og CSS3 Readiness viser imidlertid at Google Chrome også leder pakken med HTML5-funksjonstøtte sammenlignet med syv andre nettlesere på tjuefire funksjoner. Rangeringen deres skiller seg litt fra HTML5-tilgjengeligheten med Safari 5 på andreplass, Opera 11 neste, deretter Firefox 4.0 og 3.6, etterfulgt av IE 9, deretter IE 8, og til sist IE 7. Et skjermdump av informasjonsgrafikken fra beredskapsnettstedet er vist i figur B nedenfor.

Figur B

Når kan jeg bruke ... er en annen nyttig ressurs for å bestemme støtte og kompatibilitet til HTML5, CSS3, SVG og mer i desktop og mobile nettlesere. Ressursen inneholder kompatibilitetstabeller, nettlesersammenligninger og en indeks som inkluderer funksjonstøttematriser for CSS, HTML5, SVG, JS API og andre. Hver tabellsammenligning viser hvordan hver nettleser står i forhold til å støtte, ikke støtte, delvis støtte, eller støtten er ukjent for hvert element eller funksjon; et eksempel på elementet Canvas (basic support) -tabellen vises i figur C.

Figur C

Hva endrer HTML5?

Som jeg kort nevnte, er det store endringer i doktypeerklæringen, tegnsettdeklarasjonen, språkverdiererklæring, måten HTML-dokumenter er strukturert og seksjonert, hvordan manus kalles og mye mer. Overgangen mot semantisk markering betyr at bruk av ID-er generelt anbefales, og bruken av klasser og div er nå utdatert og unødvendig. Det er riktig; Jeg sa at Divs nå er en saga blott! Med strukturelle og seksjonselementer som er tilgjengelige i HTML5, bør bruken av div bare legges til HTML-koden som en siste utvei, og når alle andre elementalternativer er oppbrukt. I hovedsak kurerer HTML5 tilfellene av Div-itis og Class-itis.

Hvordan påvirker HTML5-spesifikasjonen meg?

Hvorfor vente til 2020 eller til og med 2022 slik noen spekulerer, når spesifikasjonen forventes å være fullført, når mange av elementene i dag allerede blir vedtatt av nettlesere og brukeragenter? Dette betyr at webutviklere kan begynne å bruke flere elementer i HTML5 og CSS3 selv om hele spesifikasjonen ikke er fullført.

Fremtidige innlegg om HTML5-saken vil fokusere på den nye kodingspraksisen og vil dykke dypere inn i hvert av elementene og funksjonene som kan implementeres i dag, med den betydning at de fleste nettlesere vil støtte bruk for gjengivelse av webdokumenter skrevet på HTML5-språket.

© Copyright 2020 | mobilegn.com