HTML 5 tilføjer mange nye funktioner til HTML-specifikationen, og det er nemt at implementere. Du bruger HTML 5-doktypen, som er enkel og strømlinet:
Ja det er det. Bare to ord "doktype" og "html." Det kan være så simpelt, fordi HTML 5 ikke længere er en del af SGML, men er i stedet et markupsprog alle på egen hånd.
Tegnsættet til HTML 5 er også strømlinet. Det bruger UTF-8, og du definerer det med kun et metatag:
HTML 5 Ny struktur
HTML 5 erkender, at websider har en struktur, ligesom bøger og andre XML-dokumenter har en struktur. Generelt har websider navigation, kropsindhold, sidebjælkeindhold, overskrifter, footers og andre funktioner. HTML 5 har tags til at understøtte disse elementer på siden. De er:
definerer afsnit af sider.
definerer overskriften på en side.
definerer sidefodt på en side.
definerer navigationen på en side.
definerer artiklen eller det primære indhold på en side.
definerer ekstra indhold som et sidebjælke på en side.
definerer billeder, der annoterer en artikel.
HTML 5 nye inlineelementer
De nye inline-elementer definerer nogle grundlæggende begreber og holder dem semantisk markeret:
Indikerer indhold, der er markeret på en eller anden måde.
Indikerer indhold, der er en tid eller en dato.
Indikerer indhold, der er en brøkdel af et kendt interval, såsom diskbrug.
angiver fremgangen af en opgave til færdiggørelse.
HTML 5 New Dynamic Pages Support
HTML 5 blev udviklet til at hjælpe webapplikationsudviklere, så der er mange nye funktioner, der gør det nemt at oprette dynamiske HTML-sider:
Kontekstmenuer - HTML 5 understøtter oprettelse og brug af kontekstmenuer inden for websider og applikationer.
href er ikke påkrævet på et tag. Dette giver dig mulighed for at bruge et tag med scripts og i webapplikationer uden at have brug for et sted at sende det anker.
async attribut - Dette tilføjes til scriptet for at fortælle browseren, at scriptet skal læses asynkront, så det ikke sænker belastningen og displayet af resten af siden.
- Dette giver detaljer om et element. Dette ville være som værktøjstips i ikke-webapplikationer.
opretter et bord, der er bygget fra en database eller anden dynamisk kilde.
er en gammel tag bragt tilbage og givet nyt liv, så du kan oprette et menusystem på dine websider.
definerer handlinger, der skal ske, når et dynamisk element er aktiveret.
HTML 5 Nye formetyper
HTML 5 understøtter alle standardformatinputtyperne, men det tilføjer et par flere:
dato tid
datetime-local
dato
måned
uge
tid
nummer
rækkevidde
e-mail
url
HTML 5 nye elementer
Der er et par spændende nye elementer i HTML 5:
- Dette element giver dig et tegningsrum i JavaScript på dine websider. Det kan tilføje billeder eller grafer til værktøjstip eller skabe dynamiske grafer på dine websider, bygget på flyve.
- Tilføj video til dine websider med dette enkle tag.
- Tilføj lyd til dine websider med dette enkle tag.
HTML 5 fjerner nogle elementer
Nogle elementer i HTML 4 understøttes ikke mere af HTML 5. De fleste er allerede udskrevet og bør ikke være overraskende. De er:
