Mens udviklingen var begyndt mange år tidligere, begyndte HTML5 først at komme i almindelig brug med webdesignere / -udviklere i 2010. Lige uden for porten følte sproget sig for mange web-fagfolk, fordi i stedet for at forsøge at genopfinde alt fra bunden, HTML5 bygget på hvad der var kommet før. Enhver, der kendte HTML 4.01, fandt hurtigt, at en del af den version nu kunne findes i HTML5.
Mens HTML5 indeholder mange elementer, der har eksisteret i HTML i et stykke tid, introducerede den også en håndfuld elementer, der var nye til HTML5. For mange af disse nye elementer blev der brugt en tilgang, der hedder "banning af cowpaths". Dette er en betegnelse, der almindeligvis anvendes i it til i det væsentlige at se på, hvad folk allerede gør og gør det. I tilfælde af webdesignere betød dette at se, hvordan de allerede byggede sider og baserede beslutninger om nye elementer på disse aktiviteter. For eksempel ville mange webprofessorer bygge websteder med divisioner, der brugte id eller klassegenskaber af "header", "nav" og "footer". Som sådan introducerede HTML5 disse som nye elementer, hvilket gør det muligt for webprofessorer at tilføje mere mening til deres dokumenter ved at bruge dedikerede sektionselementer i stedet for bare divisioner. Denne kombination af fortrolighed og en tilgang, der anerkendte nuværende praksis, hjalp HTML5 til hurtigt at omfavne af webdesignindustrien.
HTML5 Doctype
Først og fremmest, for at bruge nye HTML5 elementer, skal dit dokument indeholde HTML5-doktypen, som er:
Du kan bemærke, at denne doktype ikke specifikt nævner "HTML5", men siger ganske enkelt blot versionen som "html". Dette skyldes, at denne doktype er det, der skal bruges frem til alle sprogets iterationer.
Faktisk skal HTML5 være den sidste nummererede version af sproget, med nye ændringer, der tilføjes konsistent i fremtiden. Faktisk er nogle af elementerne i listen nedenfor blevet tilføjet til sproget godt efter det første skub i 2010!
HTML5-tags
| tag | Forklaring | |
|---|---|---|
| Anker eller link | ||
| Forkortelse | ||
| Adresse eller forfattere af dokumentet | ||
| Klient-side billedkort | ||
| Genstand | ||
| Tangentielt indhold | ||
| Lyd stream | ||
| Dristig | ||
| Base URI-stier for elementer i dokumentet | ||
| Bi-retnings algoritme | ||
| Langt citat | ||
| Body of the page | ||
| Linie pause | ||
| HTML form knap | ||
| Lærred til dynamisk grafik | ||
| Kommentar | ||
| Tabelbilledtekst | ||
| Citation | ||
| Kode reference | |
| Tabel kolonne | ||
| Tabel kolonne gruppering | ||
| Kommando eller handling på siden | ||
| Definition af dokumenttype | ||
| Datanet | ||
| Foruddefinerede muligheder for andre kontroller | ||
| Definition liste beskrivelse eller spændvidde af diskurs | ||
| Slettet tekst | ||
| Yderligere on-demand oplysninger | ||
| Definition | ||
| Samtale | ||
| Logisk division | ||
| Beskrivelse liste | ||
| Definitionliste eller dialoghøjttaler | ||
| Vægt | ||
| Embedded element til plugins | ||
| Form kontrol gruppe | ||
| Underteksten anvendt til a | ||
| Figur med valgfri billedtekst | ||
| Fod siden på siden | ||
| Form | ||
| Første niveau overskrift | ||
| Andet niveau overskrift | ||
| Tredje niveau overskrift | ||
| Fjerde niveau overskrift | ||
| Femte niveau overskrift | ||
| Sjette niveau overskrift | ||
| Dokumentets leder | ||
|
| Overskrift på en side | |
| Overskrift gruppe | ||
| Horisontal regel | ||
| Root element på en webside | ||
| Italik tekst stil | ||
| Inline frame | ||
| Billede | ||
| Input form element | ||
| Button formelement | ||
| Afkrydsningsformularelement | ||
| Farveindgang | ||
| Datoindgang | ||
| Global dato og klokkeslæt input | ||
| Lokal dato og klokkeslæt input | ||
| E-mail-adresseindgang | ||
| File upload form element | ||
| Skjult formfeltelement | ||
| Billede formelement | ||
| År og måned input | ||
| Nummerindgang | ||
| Adgangskode formelement | ||
| Radioknap formelement | ||
| Ukorrekt talindtastning | ||
| Nulstil knap formelement | ||
| Søgefelt | ||
| Indsend knap formelement | ||
| Indtastning af telefonnummer | ||
| Tekstfelt formelement | ||
| Tidsindgang | ||
| URL-indgang | ||
| År og uge input | ||
| Indsendt tekst | ||
| Tekst, der skal indtastes af brugeren | ||
| Generer sikre nøgler til certifikatstyring | ||
| Formlabel | ||
| Formularfelttekst | ||
| Liste element | ||
| Link til relaterede dokumenter | ||
| Hovedområde af indhold på en side | ||
| Klient-side billedkort | ||
| Markeret eller fremhævet tekst | ||
| Liste over kommandoer | ||
| Meta oplysninger om dokumentet | ||
| Skalar gauge | ||
| Definer et område med navigationslinks | ||
| Indhold, når scripts ikke er tilgængelige | ||
| Ikke-standard objekt | ||
|
| Ordnet eller nummereret liste | |
| Gruppe af muligheder i en markeret liste | ||
| Mulighed i en valgliste | ||
| Resultat af en formularberegning | ||
| Afsnit | ||
| Parameter af et objektelement | ||
|
| Forformateret tekst | |
| Fremskridtsindikator | ||
| Kort inline citat | ||
| Ruby parentes | ||
| Ruby tekst | ||
| Ruby annotation | ||
| Strikeout-tekst | ||
| Prøveudgang | ||
| Scripts | ||
| Sektion på en side | ||
| Vælg eller drop-down menu lister | ||
| Lille skriftstørrelse | ||
| Mediekilde | ||
| Generisk inline stil container | ||
| Stærk vægt | ||
| Stilark | ||
| Sænket | ||
| Oversigt over detaljerne i DETAILS-elementet | ||
| Hævet | ||
| Bord | ||
| Tabel krop rækker | ||
| Tabelcelle | ||
| Multi-line formelement | ||
| Bordfodrader | ||
| Tabelhovedcelle | ||
| Tabeloverskrift rækker | ||
| Definerer tid | ||
| Titel | ||
| Tabel række | ||
|
| Uordnet eller forkortet liste | |
| Variabel eller brugerdefineret tekst | ||
|
Video eller film indlejret på siden |
