Skip to main content

Vad är de nya funktionerna i HTML 5?

“180” Movie (Juni 2026)

“180” Movie (Juni 2026)
Anonim

HTML 5 lägger till många nya funktioner i HTML-specifikationen, och det är enkelt att implementera. Du använder HTML 5-doktypen, som är enkel och effektiviserad:

Ja det är det. Bara två ord "doktyp" och "html." Det kan vara så enkelt eftersom HTML 5 inte längre är en del av SGML utan istället ett uppmärkspråk alls.

Teckenuppsättningen för HTML 5 är också effektiviserad. Det använder UTF-8, och du definierar det med bara en metakod:

HTML 5 Ny struktur

HTML 5 erkänner att webbsidor har en struktur, precis som böcker och andra XML-dokument har en struktur. I allmänhet har webbsidor navigering, kroppsinnehåll, sidfältinnehåll, rubriker, sidfot och andra funktioner. HTML 5 har taggar som stöder dessa delar på sidan. Dom är:

  • definierar avsnitt av sidor.
  • definierar rubriken på en sida.
  • definierar sidfoten på en sida.
  • definierar navigationen på en sida.
  • definierar artikeln eller det primära innehållet på en sida.
  • definierar extra innehåll som ett sidofält på en sida.
  • definierar bilder som annoterar en artikel.

HTML 5 nya inline-element

De nya inline-elementen definierar några grundläggande begrepp och håller dem semantiskt markerade:

  • Indikerar innehåll som är markerat på något sätt.
  • anger innehåll som är en tid eller ett datum.
  • Indikerar innehåll som är en bråkdel av ett känt område som diskanvändning.
  • Indikerar framstegen i en uppgift mot slutförandet.

HTML 5 New Dynamic Pages Support

HTML 5 har utvecklats för att hjälpa webbapplikationsutvecklare, så det finns många nya funktioner som gör det enkelt att skapa dynamiska HTML-sidor:

  • Kontextmenyer - HTML 5 stöder skapandet och användningen av sammanhangsmenyer inom webbsidor och applikationer.
  • href krävs inte på en tagg. Det här låter dig använda en tagg med skript och i webbapplikationer utan att behöva en plats för att skicka det ankare.
  • async attribut - Det här läggs till i skriptet för att berätta för webbläsaren att skriptet ska laddas asynkront så att det inte saktar lasten och visning av resten av sidan.
  • - Detta ger detaljer om ett element. Det här skulle vara som verktygstips i icke-webbapplikationer.
  • skapar ett bord som är byggt från en databas eller annan dynamisk källa.
  • är en gammal tagg tillbaka och givet nytt liv så att du kan skapa ett menysystem på dina webbsidor.
  • definierar åtgärder som ska inträffa när ett dynamiskt element är aktiverat.

HTML 5 Nya formulärtyper

HTML 5 stöder alla standardformatinmatningstyper, men det lägger till några fler:

  • datum Tid
  • datetime-lokal
  • datum
  • månad
  • vecka
  • tid
  • siffra
  • räckvidd
  • e-post
  • url

HTML 5 nya element

Det finns några spännande nya element i HTML 5:

  • - Detta element ger dig ett ritningsutrymme i JavaScript på dina webbsidor. Det kan lägga till bilder eller grafer till verktygstips eller skapa dynamiska grafer på dina webbsidor, byggda i farten.
  • - Lägg till video på dina webbsidor med den här enkla taggen.
  • - Lägg till ljud på dina webbsidor med den här enkla taggen.

HTML 5 tar bort vissa element

Vissa element i HTML 4 stöds inte längre av HTML 5. De flesta är redan borttagna och borde inte vara överraskande. Dom är:

  • akronym
  • applet
  • basefont
  • stor
  • Centrum
  • dir
  • font
  • ram
  • ramuppsättning
  • isindex
  • noframes
  • noscript
  • s
  • strejk
  • tt
  • u