HTML5 Inleiding

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 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 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 "helpen" om HTML5 te verwerken.

Wat is er nieuw in HTML5?

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

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

HTML5 - Nieuwe eigenschaps语法

HTML5 standaard biedt 4 verschillende eigenschaps语法。

Dit voorbeeld demonstreert de verschillende grammaticale structuren die worden gebruikt in de <input>-tag:

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

In het HTML5-standaard kan mogelijk gebruik worden gemaakt van alle 4 grammaticale structuren, afhankelijk van het vereiste van de eigenschappen.

HTML5 - Nieuwe Functionaliteiten

Enkele van de meest interessante nieuwe functies van HTML5:

  • Nieuwe semantische elementen, zoals <header>, <footer>, <article> en <section>.
  • Nieuwe formuliercontroleelementen, zoals getallen, 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>