HTML5 Introduktion

HTML5-exempel i varje kapitel

Exempel

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Din webbläsare stöder inte video-taggen.
</video>
</body>
</html>

Prova själv

Klicka på "Prova själv" för att se hur detta exempel fungerar.

Vad är HTML5?

HTML5 är den senaste HTML-standarden.

HTML5 är designad för att bära riktigt webbinnehåll utan behov av extra plug-in.

HTML5 har nya semantiska, grafiska och multimedieelement.

HTML5:s nya element och API:s förenklar bygget av webbapplikationer.

HTML5 är plattformsoberoende och är designad för att köra på olika typer av hårdvara (PC, surfplatta, telefon, TV och så vidare).

Kommentar:I de följande kapitlen kommer du att lära dig hur du "hjälper" gamla webbläsare att hantera HTML5.

Nya innehåll i HTML5?

HTML5:s nya dokumenttypsdeklaration (DOCTYPE) är mycket enkel:

<!DOCTYPE html>
Den nya karaktärskodningsdeklarationen (charset) är också mycket enkel:
<meta charset="UTF-8">

HTML5-exempel:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titel på dokumentet</title>
</head>
<body>
Innehåll av dokumentet......
</body>
</html>

Kommentar:HTML5:s standardkaraktärskodning är UTF-8.

HTML5 - nya egenskapsgrammatik

HTML5-standard-ger tillåter fyra olika egenskapsgrammatik.

Detta exempel visar olika grammatiska strukturer som används i <input>-taggen:

Typ Exempel
Tom <input type="text" value="Bill Gates" disabled>
Ocitat <input type="text" value=Bill Gates>
Dubbel citattecken <input type="text" value="Bill Gates">
Enkel citattecken <input type="text" value='Bill Gates'>

I HTML5-standarden kan alla fyra grammatiska strukturer användas beroende på behovet av egenskaper.

HTML5 - nya egenskaper

Några av de mest intressanta nya egenskaperna i HTML5:

  • Nya semantiska element, till exempel <header>, <footer>, <article> och <section>.
  • Nya formulärkontroller, till exempel tal, datum, tid, kalender och reglage.
  • Kraftfullt stöd för bilder (genom <canvas> och <svg>).
  • Kraftfullt stöd för multimedier (genom <video> och <audio>).
  • Kraftfulla nya API:er, till exempel ersättning av cookie med lokal lagring.

HTML5 - borttagna element

Följande HTML 4.01-element har tagits bort från HTML5:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>