HTML5 Introduction

Voorbeelden 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 uit

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

Wat is HTML5?

HTML5 is de nieuwste HTML standaard.

HTML5 is ontworpen om rijke webinhoud te dragen zonder extra plug-ins nodig te hebben.

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, telefoon, televisie, enz.) te draaien.

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

Wat is nieuw in HTML5?

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

<!DOCTYPE html>
De nieuwe tekencodering (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 tekencodering in HTML5 is UTF-8.

HTML5 - Nieuwe attribuut syntax

HTML5 standaard staat vier verschillende attribuut syntaxen toe.

Dit voorbeeld demonstreert de verschillende syntaxen die in het <input>-etiket worden gebruikt:

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

In het HTML5 standaard kan mogelijk gebruik worden gemaakt van alle 4 grammaticale constructies, afhankelijk van het vereiste 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 lokale opslag in plaats van cookies.

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>