HTML5 Introduction

Voorbeeld van HTML5 in elk hoofdstuk

Voorbeeld

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Uw browser ondersteunt de video tag niet.
</video>
</body>
</html>

Probeer het zelf

Klik op 'Probeer het zelf' om te zien hoe dit voorbeeld werkt.

Wat is HTML5?

HTML5 is de nieuwste HTML standaard.

HTML5 is specifiek ontworpen om rijke webinhoud te dragen en vereist geen extra plug-ins.

HTML5 heeft nieuwe semantische, grafische en multimediale elementen.

De nieuwe elementen en nieuwe API's die HTML5 biedt, vereenvoudigen de opbouw van webtoepassingen.

HTML5 is cross-platform ontworpen om op verschillende soorten hardware (PC, tablet, smartphone, televisie, enz.) te draaien.

Opmerking:In de volgende hoofdstukken zult u leren hoe u oude browsers kunt helpen om HTML5 te verwerken.

Wat is nieuw in HTML5?

De nieuwe documenttype (DOCTYPE) verklaring van HTML5 is zeer eenvoudig:

<!DOCTYPE html>
De nieuwe character encoding (charset) verklaring is ook zeer eenvoudig:
<meta charset="UTF-8">

HTML5 voorbeeld:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titel van het document</title>
</head>
<body>
Inhoud van het document......
</body>
</html>

Opmerking:De standaard tekensetencodering in HTML5 is UTF-8.

Nieuwe attribuutgrammatica van HTML5

HTML5 standaard staat vier verschillende attribuutgrammatica's toe.

Dit voorbeeld demonstreert het gebruik van verschillende syntaxis in de <input>-tag:

Type Voorbeeld
Leeg <input type="text" value="Bill Gates" disabled>
Ongegeven <input type="text" value=Bill Gates>
Dubbele aangeboden <input type="text" value="Bill Gates">
Enkele aangeboden <input type="text" value='Bill Gates'>

In de HTML5-norm kunnen mogelijk alle 4 grammaticale constructies worden gebruikt op basis van de vereisten van de eigenschappen.

HTML5 - Nieuwe functies

Enkele van de meest interessante nieuwe functies van HTML5:

  • Nieuwe semantische elementen, zoals <header>, <footer>, <article> en <section>.
  • Nieuwe formuliercontrole elementen, zoals nummers, datums, tijden, kalenders en schuifbalken.
  • Krachtige ondersteuning voor afbeeldingen (via <canvas> en <svg>)
  • Krachtige ondersteuning voor multimedia (via <video> en <audio>)
  • Krachtige nieuwe API's, zoals het vervangen van cookies door lokale opslag.

HTML5 - Verwijderde elementen

De volgende HTML 4.01-elementen zijn verwijderd uit HTML5:

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