HTML5 gebruikt vooruit stoom: 10 geweldige voorbeelden

Cursieve zoekopdrachten onthullen dat HTML5-implementaties aan populariteit winnen bij veel websites, sommige beter bekend dan andere. Hoewel de verschillende elementen en eigenschappen van de nieuwe opmaaktaal verschillen in de kwaliteit van uitvoering, onthullen ze de diversiteit en voortgang van de nieuwe HTML 5 die wordt toegepast.

Wat definieert een uitstekend voorbeeld van een HTML5-website?

De voorbeeldsites moeten elementen bevatten die momenteel op alle of de meeste platforms werken, compatibel zijn met oudere browserversies en gebruik maken van een goede foutafhandeling. De voorbeeldsite moet minimaal het HTML5-doctype bevatten en moet ten minste drie andere HTML5-elementen op de startpagina gebruiken, waaronder,,, en om er maar een paar te noemen.

Het volgende scherm geeft, in willekeurige volgorde, een korte beschrijving van elke eigenschap op elke site. Miniaturen zijn hieronder opgenomen, maar misschien wilt u de grotere versies in de bijbehorende galerij bekijken.

10 voorbeelden van uitstekende HTML5 die op websites worden gebruikt

UltraNoir

Van een webontwerp- en ontwikkelingsteam gevestigd in Parijs, Frankrijk, gebruikt de UltraNoir-website onder andere het HTML5-doctype, canvas, opzij, artikel en audio-elementen.

Figuur A

FRONTEND 2011

De jaarlijkse webconferentie en zijn website biedt vele uitstekende implementaties van HTML5, waaronder doctype, hgroup, nav en sectie. De voorbereidingen zijn nu aan de gang voor FRONTEND 2012.

Figuur B

Bruce Lawson

Lawson schreef samen met Remy Sharp het boek HTML5 en zijn persoonlijke website vertoont veel HTML5-elementen, waaronder doctype, opzij, nav, sectie en artikel.

Figuur C

Reser's Fine Foods

Deze website maakt gebruik van het HTML5-doctype, sectie, opzij en nav.

Figuur D

Sushimonstr

Deze website gebruikt het HTML5-doctype, nav, artikel en gedeelte.

Figuur E

Diesel Civil Trust

De website maakt gebruik van HTML5-doctype, nav, artikel, sectie, opzij en voettekst.

Figuur F

Enterprise JQuery

HTML5-elementen die worden weergegeven zijn onder meer doctype, koptekst, voettekst, sectie, artikel en nav.

Figuur G

Papieren vliegtuig

Het Franse marketingbedrijf demonstreert het gebruik van HTML5-doctype, koptekst, artikel, voettekst en opzij.

Figuur H

Digitale handen

De online brandingorganisatie maakt gebruik van het HTML5-doctype, de header, nav, sectie en artikel-elementen.

Figuur I

Web Designer Wall

Deze website speelt het HTML5-doctype, de koptekst, hgroup, nav, footer, artikel, sectie en opzij.

Figuur J

Uw vondsten?

Er zijn veel andere sites die gebruikmaken van de kracht van HTML5, dit zijn er maar een paar die een goed gebruik van de HTML5-technologie aantonen. Welke voorbeelden van sites heb je gevonden die HTML5 gebruiken?

Zie ook:

  • HTML5: Werken met het video-element
  • HTML5: de volgende generatie webdesign
  • Een videopresentatie van wat HTML 5 kan doen in Chrome
  • HTML5: gebruik van sectionele elementen
  • HTML5: Werken met het canvas-element
  • HTML5: structurele elementen gebruiken voor koptekst, voettekst en navigatie

© Copyright 2020 | mobilegn.com