HTML5 bruger dampe foran: 10 gode eksempler

Kursursøgninger afslører, at HTML5-implementeringer vinder trækkraft blandt mange websteder, nogle bedre kendt end andre. Mens de forskellige elementer og egenskaber i det nye markup-sprog varierer i udførelseskvalitet, afslører de mangfoldigheden og fremskridtene i den nye HTML 5, der er iværksat.

Hvad definerer et fremragende eksempel på et HTML5-websted?

Eksempelstederne skal indeholde elementer, der i øjeblikket fungerer på alle eller de fleste platforme, er kompatible med ældre browserversioner og anvender yndefuld fejlhåndtering. Som et minimum skal eksempelstedet indeholde HTML5-doktypen, og det skal bruge mindst tre andre HTML5-elementer på startsiden, herunder,,, og bare for at nævne nogle få.

De følgende skærmbilleder, i ingen bestemt rækkefølge, giver en kort beskrivelse af hver ejendom, der er inkluderet på hvert websted. Miniaturer er inkluderet nedenfor, men du vil måske se de større versioner i det tilknyttede galleri.

10 eksempler på fremragende HTML5 i brug på websteder

UltraNoir

Fra et webdesign- og udviklingshold baseret i Paris, Frankrig, bruger UltraNoir-websitet blandt andet HTML5-doktype, lærred, side, artikel og lydelementer.

Figur A

FRONTEND 2011

Den årlige webkonference og dens websted kan prale af mange fremragende implementeringer af HTML5 inklusive doktype, hgroup, nav og sektion. Forberedelser er nu i gang til FRONTEND 2012.

Figur B

Bruce Lawson

Lawson co-skrev bogen HTML5 med Remy Sharp, og hans personlige websted udstiller mange HTML5-elementer, herunder doktype, side, nav, sektion og artikel.

Fig

Resers fine fødevarer

Dette websted bruger HTML5-doktype, sektion, til side og nav.

Figur D

Sushimonstr

Dette websted bruger HTML5-doktype, nav, artikel og sektion.

Figur E

Diesel Civil Trust

Webstedet bruger HTML5-doktype, nav, artikel, sektion, til side og sidefod.

Figur F

Enterprise JQuery

HTML5-elementer på skærmen inkluderer doktype, header, sidefod, sektion, artikel og nav.

Figur G

Papirfly

Det franske marketingfirma demonstrerer brugen af ​​HTML5-doktype, header, artikel, sidefod og til side.

Figur H

Digitale hænder

Online branding-organisationen bruger HTML5-doktype-, header-, nav-, sektions- og artikelelementer.

Figur I

Web Designer væg

Dette websted bringer HTML5-doktype, header, hgroup, nav, footer, artikel, sektion og til side i spil.

Figur J

Dine fund?

Der er mange andre steder derude, der bruger kraften i HTML5, disse er kun få, der demonstrerer god brug af HTML5-teknologien. Hvilke eksempler på websteder har du fundet, der bruger HTML5?

Se også:

  • HTML5: Arbejde med videoelementet
  • HTML5: Den næste generation af webdesign
  • Et videovisning af hvad HTML 5 kan gøre i Chrome
  • HTML5: Brug af sektionselementer
  • HTML5: Arbejde med lærredselementet
  • HTML5: Brug af strukturelle elementer til header, sidefod og navigation

© Copyright 2021 | mobilegn.com