HTML5 käyttää höyryä eteenpäin: 10 hienoa esimerkkiä

Hiukkashaut paljastavat, että HTML5-toteutukset ovat saamassa vetoa monien verkkosivustojen joukossa, joista jotkut ovat paremmin tunnettuja kuin toiset. Vaikka uuden merkintäkielen eri elementit ja ominaisuudet eroavat toteutuksen laadusta, ne paljastavat uuden HTML 5: n käyttöönottaman monimuotoisuuden ja edistymisen.

Mikä määrittelee erinomaisen esimerkin HTML5-verkkosivustosta?

Esimerkkisivustoissa on oltava elementtejä, jotka toimivat tällä hetkellä kaikilla tai useimmilla alustoilla, ovat yhteensopivia vanhempien selainversioiden kanssa ja käyttävät siro virheenkäsittelyä. Vähintään esimerkisivustossa tulisi olla HTML5-doctype, ja sen tulisi käyttää ainakin kolmea muuta kotisivun HTML5-elementtiä, mukaan lukien,,, ja vain muutamien mainitsemiseksi.

Seuraavat näyttökaappaukset, ei missään erityisessä järjestyksessä, tarjoavat lyhyen kuvauksen jokaisesta sivustossa olevasta ominaisuudesta. Pikkukuvat ovat mukana alla, mutta kannattaa ehkä katsoa suurempia versioita liittyvässä galleriassa.

10 esimerkkiä erinomaisesta HTML5: stä, jota käytetään verkkosivustoilla

Ultranoir

Pariisissa, Ranskassa toimivasta verkkosuunnittelusta ja kehityksestä vastaava UltraNoir-verkkosivusto hyödyntää muun muassa HTML5-dokumenttityyppiä, kangasta, sivuun, artikkeli- ja äänielementtejä.

Kuvio A

ETUSIVU 2011

Vuotuisessa verkkokokouksessa ja sen verkkosivustolla on monia hienoja HTML5-toteutuksia, mukaan lukien doctype, hgroup, nav ja osa. FRONTEND 2012 -yrityksen valmistelut ovat käynnissä.

Kuvio B

Bruce Lawson

Lawson kirjoitti HTML5-kirjan yhdessä Remy Sharpin kanssa, ja hänen henkilökohtaisella verkkosivustollaan on monia HTML5-elementtejä, kuten doctype, syrjään, nav, osio ja artikkeli.

Kuvio C

Reser's Fine Foods

Tällä verkkosivustolla on HTML5-ohjekirja, osio, sivu ja nav.

Kuvio D

Sushimonstr

Tämä verkkosivusto käyttää HTML5-ohjekirjatyyppiä, navigointia, artikkelia ja osaa.

Kuvio E

Diesel Civil Trust

Verkkosivustossa käytetään HTML5-doktyyppiä, navigointia, artikkelia, osaa, sivu ja alatunniste.

Kuvio F

Enterprise JQuery

Näkyvissä olevat HTML5-elementit sisältävät doctype-, otsikon, alatunnisteen, osan, artikkelin ja navigoinnin.

Kuvio G

Paperilennokki

Ranskalainen markkinointiyritys osoittaa HTML5-doktyypin, otsikon, artikkelin, alatunnisteen ja sivun käytön.

Kuvio H

Digitaaliset kädet

Verkkobrändäysorganisaatio hyödyntää HTML5-ohjekirjatyyppiä, otsikkoa, navigointia, osio- ja artikkelielementtejä.

Kuvio I

Web-suunnittelijan seinä

Tämä verkkosivusto tuo HTML5-ohjekirjatyypin, otsikon, hgroupin, navigoinnin, alatunnisteen, artikkelin, osan ja sivun peliin.

Kuvio J

Löytöksesi?

Siellä on monia muita sivustoja, jotka hyödyntävät HTML5: n voimaa, nämä ovat vain muutama, jotka osoittavat HTML5-tekniikan hyvää käyttöä. Mitä esimerkkejä sivustoista olet löytänyt, jotka käyttävät HTML5: tä?

Katso myös:

  • HTML5: Video-elementin kanssa työskenteleminen
  • HTML5: seuraavan sukupolven web-suunnittelu
  • Videoesitys siitä, mitä HTML 5 voi tehdä Chromessa
  • HTML5: Leikkauselementtien käyttäminen
  • HTML5: työskentely kankaaselementin kanssa
  • HTML5: Rakenneosien käyttäminen otsikossa, alatunnisteessa ja navigoinnissa

© Copyright 2020 | mobilegn.com