HTML5 bruker steams fremover: 10 gode eksempler

Kursursøk avslører at HTML5-implementeringer er i ferd med å trekke på mange nettsteder, noen bedre kjent enn andre. Mens de forskjellige elementene og egenskapene til det nye markeringsspråket varierer i utførelseskvaliteten, avslører de mangfoldet og fremdriften i den nye HTML 5 som er satt i verk.

Hva definerer et utmerket eksempel på et HTML5-nettsted?

Eksempelstedene må inneholde elementer som for tiden fungerer på alle eller de fleste plattformer, er kompatible med eldre nettleserversjoner og bruker grasiøs feilhåndtering. Som et minimum skal eksempelstedet inneholde HTML5-doktypen, og det skal bruke minst tre andre HTML5-elementer på hjemmesiden, inkludert,,,, og bare for å nevne noen.

Følgende skjermbilder, i ingen spesiell rekkefølge, gir en kort beskrivelse av hver eiendom som er inkludert på hvert nettsted. Miniatyrbilder er inkludert nedenfor, men det kan være lurt å se de større versjonene i det tilhørende galleriet.

10 eksempler på utmerket HTML5 i bruk på nettsteder

UltraNoir

Fra et webdesign- og utviklingsteam med base i Paris, Frankrike, bruker nettstedet UltraNoir blant annet HTML5-doktype, lerret, side, artikkel og lydelementer.

Figur A

FRONTEND 2011

Den årlige nettkonferansen og nettstedet har mange fantastiske implementeringer av HTML5 inkludert doktype, hgroup, nav og seksjon. Forberedelser er nå i gang for FRONTEND 2012.

Figur B

Bruce Lawson

Lawson skrev boken HTML5 sammen med Remy Sharp, og hans personlige nettsted viser mange HTML5-elementer, inkludert doktype, side, nav, seksjon og artikkel.

Figur C

Resers Fine Foods

Dette nettstedet bruker HTML5-doktype, seksjon, til side og nav.

Figur D

Sushimonstr

Dette nettstedet bruker HTML5-doktype, nav, artikkel og seksjon.

Figur E

Diesel Civil Trust

Nettstedet bruker HTML5 doktype, nav, artikkel, seksjon, til side og bunntekst.

Figur F

Enterprise JQuery

HTML5-elementer på skjermen inkluderer doktype, topptekst, bunntekst, seksjon, artikkel og nav.

Figur G

Papirfly

Det franske markedsføringsselskapet demonstrerer bruken av HTML5-doktype, topptekst, artikkel, bunntekst og til side.

Figur H

Digitale hender

Den elektroniske merkevareorganisasjonen bruker HTML5-doktype-, header-, nav-, seksjons- og artikkelelementer.

Figur I

Web Designer Wall

Dette nettstedet bringer HTML5-doktype, topptekst, gruppe, nav, bunntekst, artikkel, seksjon og til side.

Figur J

Funnene dine?

Det er mange andre nettsteder der ute som bruker kraften til HTML5, dette er bare noen få som viser god bruk av HTML5-teknologien. Hvilke eksempler på nettsteder har du funnet som bruker HTML5?

Se også:

  • HTML5: Arbeide med Video-elementet
  • HTML5: Den neste generasjonen webdesign
  • Et videovisning av hva HTML 5 kan gjøre i Chrome
  • HTML5: Bruke seksjonselementer
  • HTML5: Arbeide med lerretselementet
  • HTML5: Bruke strukturelle elementer for topptekst, bunntekst og navigasjon

© Copyright 2020 | mobilegn.com