Skip to main content

Hva er de nye funksjonene i HTML 5?

Hvad skal vi med HTML5? (April 2025)

Hvad skal vi med HTML5? (April 2025)
Anonim

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:

  • akronym
  • applet
  • basefont
  • stor
  • senter
  • dir
  • font
  • ramme
  • ramme
  • isindex
  • noframes
  • noscript
  • s
  • streik
  • tt
  • u