Mens utviklingen hadde begynt mange år tidligere, begynte HTML5 først å komme i fellesskap med webdesignere / utviklere i 2010. Rett ut av porten følte språket seg kjent for mange webprofessorer fordi i stedet for å prøve å gjenoppfinne alt fra grunnen, HTML5 bygget på det som hadde kommet før. Alle som kjente HTML 4.01 fant raskt at ganske mye av den versjonen kunne nå bli funnet i HTML5.
Mens HTML5 inneholder mange elementer som har eksistert i HTML for en stund, introduserte den også en håndfull elementer som var nye for HTML5. For mange av disse nye elementene ble det brukt en tilnærming kalt "baneveier". Dette er et begrep som vanligvis brukes i IT for å i hovedsak bety å se på hva folk allerede gjør og gjør det. Når det gjelder webdesignere, betydde dette å se hvordan de allerede bygde sider og baserte beslutninger om nye elementer på disse aktivitetene. For eksempel ville mange webprofessorer bygge nettsteder med divisjoner som brukte ID eller klassegenskaper av "header", "nav" og "footer." Som sådan introduserte HTML5 disse som nye elementer, slik at webprofessorer kan legge til mer mening i sine dokumenter ved å bruke dedikerte seksjonselementer i stedet for bare divisjoner. Denne kombinasjonen av kjennskap og en tilnærming som gjenkjente gjeldende praksis, hjalp HTML5 raskt å omfavne av webdesignindustrien.
HTML5 Doctype
Først av, for å bruke noen nye HTML5-elementer, må dokumentet inneholde HTML5-doktypen som er:
Du kan legge merke til at denne doktypen ikke spesifikt nevner "HTML5", men ganske enkelt sier versjonen som "html". Dette er fordi denne doktypen er det som er ment å bli brukt fremover for alle iterasjoner av språket.
Faktisk er HTML5 ment å være den sist nummererte versjonen av språket, med nye endringer som blir lagt til på en konsistent basis i fremtiden. Faktisk er noen av elementene i listen nedenfor blitt lagt til språket godt etter den første push i 2010!
HTML5-tagger
| stikkord | Forklaring | |
|---|---|---|
| Anker eller lenke | ||
| Forkortelse | ||
| Adresse eller forfattere av dokumentet | ||
| Klient-side bilde kart | ||
| Artikkel | ||
| Tangentielt innhold | ||
| Lydstrøm | ||
| Modig | ||
| Base URI-baner for elementer i dokumentet | ||
| Bi-retnings algoritme | ||
| Langt anførselstegn | ||
| Kropp på siden | ||
| Linjeskift | ||
| HTML skjema-knapp | ||
| Lerret for dynamisk grafikk | ||
| Kommentar | ||
| Tabelltekst | ||
| Sitering | ||
| Kode referanse | |
| Tabellkolonne | ||
| Tabellkolonnegruppering | ||
| Kommando eller handling på siden | ||
| Dokumenttype-definisjon | ||
| Datanett | ||
| Forhåndsdefinerte alternativer for andre kontroller | ||
| Definisjon liste beskrivelse eller spekter av diskurs | ||
| Slettet tekst | ||
| Tilleggsinformasjon på forespørsel | ||
| Definisjon | ||
| Samtale | ||
| Logisk deling | ||
| Beskrivelse liste | ||
| Definisjonsliste eller dialoghøyttaler | ||
| Vektlegging | ||
| Embedded element for plugins | ||
| Skjema kontroll gruppe | ||
| Tekstet brukt til a | ||
| Figur med valgfri bildetekst | ||
| Bunntekst på siden | ||
| Form | ||
| Første nivå overskrift | ||
| Andre nivå overskrift | ||
| Tredje nivå overskrift | ||
| Fjerde nivå overskrift | ||
| Femte nivå overskrift | ||
| Sjette nivå overskrift | ||
| Dokumentets leder | ||
|
| Overskrift på en side | |
| Overskrift gruppe | ||
| Horisontal regel | ||
| Rotelement av en nettside | ||
| Kursiv tekst stil | ||
| Inline-ramme | ||
| Bilde | ||
| Inngangsformelement | ||
| Knapp formelement | ||
| Boksformularelement | ||
| Fargeinngang | ||
| Datoinngang | ||
| Global dato og klokkeslettinngang | ||
| Lokal dato og klokkeslettinngang | ||
| E-postadresseinngang | ||
| Filopplasting skjema element | ||
| Skjult formfeltelement | ||
| Bildeskjemaelement | ||
| År og måned input | ||
| Nummerinngang | ||
| Passord skjema element | ||
| Radioknapp formelement | ||
| Ukorrekt tallinngang | ||
| Tilbakestill knapp formelement | ||
| Søkefelt | ||
| Send inn skjemaelementet | ||
| Telefonnummerinngang | ||
| Tekstfelt formelement | ||
| Tidsinngang | ||
| URL-inngang | ||
| År og uke inngang | ||
| Sett inn tekst | ||
| Tekst som skal legges inn av brukeren | ||
| Generer sikre nøkler for sertifisering | ||
| Skjemaetikett | ||
| Formfeltformet bildetekst | ||
| Listepost | ||
| Link til relaterte dokumenter | ||
| Hovedinnhold av innhold på en side | ||
| Klient-side bilde kart | ||
| Merket eller markert tekst | ||
| Liste over kommandoer | ||
| Meta informasjon om dokumentet | ||
| Scalar gauge | ||
| Definer et område med navigasjonskoblinger | ||
| Innhold når skript ikke er tilgjengelige | ||
| Ikke-standard objekt | ||
|
| Ordnet eller nummerert liste | |
| Gruppe av alternativer i en valgt liste | ||
| Alternativ i en valgliste | ||
| Resultat av en skjemaberegning | ||
| Avsnitt | ||
| Parameter for et objektelement | ||
|
| Forformatert tekst | |
| Fremdriftsindikator | ||
| Kort inline sitat | ||
| Ruby parentes | ||
| Ruby tekst | ||
| Ruby annotasjon | ||
| Strikeout-tekst | ||
| Eksempelutgang | ||
| scripts | ||
| Seksjon på en side | ||
| Velg eller rullegardinmenylister | ||
| Liten skriftstørrelse | ||
| Mediekilde | ||
| Generisk inline stil container | ||
| Sterk vekt | ||
| Stilark | ||
| senket | ||
| Oppsummering av DETAILS-elementets innhold | ||
| hevet | ||
| Bord | ||
| Tabell kroppsrader | ||
| Tabellcelle | ||
| Multi-line formelement | ||
| Tabellfodrader | ||
| Tabelloverskrift | ||
| Tabelloverskriftsrader | ||
| Definerer tid | ||
| Tittel | ||
| Tabell rad | ||
|
| Uordnet eller bøyelig liste | |
| Variabel eller brukerdefinert tekst | ||
|
Video eller film innebygd på siden |
