HTML 5 legger til mange nye funksjoner i HTML-spesifikasjonen, og det er enkelt det er å implementere. Du bruker HTML 5-doktypen, som er enkel og strømlinjeformet:
Ja det er det. Bare to ord "doktype" og "html." Det kan være så enkelt fordi HTML 5 ikke lenger er en del av SGML, men er i stedet et opptakspråk alt i seg selv.
Tegnsettet for HTML 5 er også strømlinjeformet. Den bruker UTF-8, og du definerer den med bare ett metatag:
HTML 5 Ny struktur
HTML 5 gjenkjenner at nettsider har en struktur, akkurat som bøker og andre XML-dokumenter har en struktur. Generelt har nettsider navigasjon, kroppsinnhold, sidebarinnhold, overskrifter, bunntekster og andre funksjoner. HTML 5 har koder som støtter de elementene på siden. De er:
definerer seksjoner av sider.
definerer overskriften til en side.
definerer bunnteksten til en side.
definerer navigasjonen på en side.
definerer artikkelen eller primærinnholdet på en side.
definerer ekstra innhold som et sidefelt på en side.
definerer bilder som annoterer en artikkel.
HTML 5 Nye Inline Elements
De nye inlineelementene definerer noen grunnleggende konsepter og holder dem semantisk merket:
Indikerer innhold som er merket på noen måte.
Indikerer innhold som er en tid eller dato.
Indikerer innhold som er en brøkdel av et kjent område som diskbruk.
Indikerer fremdriften av en oppgave mot ferdigstillelse.
HTML 5 New Dynamic Pages Support
HTML 5 ble utviklet for å hjelpe webapplikasjonsutviklere, så det er mange nye funksjoner som gjør det enkelt å lage dynamiske HTML-sider:
Kontekstmenyer - HTML 5 støtter oppretting og bruk av kontekstmenyer i nettsider og applikasjoner.
href er ikke nødvendig på en tagg. Dette lar deg bruke en tagg med skript og i webapplikasjoner uten å trenge et sted å sende det ankeret.
async attributt - Dette legges til skriptet for å fortelle nettleseren at skriptet skal lastes asynkront slik at det ikke senker lasten og visning av resten av siden.
- Dette gir detaljer om et element. Dette ville være som verktøytips i ikke-webapplikasjoner.
lager et bord som er bygget fra en database eller annen dynamisk kilde.
er en gammel tag brakt tilbake og gitt nytt liv slik at du kan lage et menysystem på websidene dine.
definerer handlinger som skal skje når et dynamisk element er aktivert.
HTML 5 New Form Types
HTML 5 støtter alle standardformatinnmatningstyper, men det legger til noen flere:
dato tid
datetime-local
Dato
måned
uke
tid
Nummer
område
e-post
url
HTML 5 nye elementer
Det er noen spennende nye elementer i HTML 5:
- Dette elementet gir deg et tegneområde i JavaScript på websidene dine. Det kan legge til bilder eller grafer til verktøytips eller lage dynamiske grafer på websidene dine, bygget på fluen.
- Legg til video på websidene dine med denne enkle taggen.
- Legg til lyd på websidene dine med denne enkle taggen.
HTML 5 fjerner enkelte elementer
Noen elementer i HTML 4 støttes ikke lenger av HTML 5. De fleste er allerede utdaterte og bør ikke være overraskende. De er: