HTML5 Introduktion

HTML5-eksempel i hvert kapitel

Eksempel

<!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 browser understøtter ikke video-tagget.
</video>
</body>
</html>

Prøv det selv

Klik på "Prøv det selv" for at se, hvordan dette eksempel kører.

Hvad er HTML5?

HTML5 er den nyeste HTML-standard.

HTML5 er designet specifikt til at bære rig web-indhold uden behov for ekstra plugins.

HTML5 har nye semantiske, grafiske og multimedieelementer.

HTML5's nye elementer og nye API'er forenkler opbygningen af web-applikationer.

HTML5 er cross-platform og designet til at køre på forskellige typer hardware (PC, tablet, telefon, fjernsyn osv.).

Kommentar:I de følgende kapitler vil du lære, hvordan du "hjælper" gamle browsere med at håndtere HTML5.

Hvad er der nyt i HTML5?

HTML5's nye dokumenttype (DOCTYPE) erklæring er meget simpel:

<!DOCTYPE html>
Den nye karakterkodning (charset) erklæring er også meget simpel:
<meta charset="UTF-8">

HTML5-eksempel:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dokumentets-titel</title>
</head>
<body>
Indholdet af dokumentet......
</body>
</html>

Kommentar:HTML5-standardens-standard-karakterkodning-er-UTF-8.

HTML5 - ny attributsyntaks

HTML5-standard-giver-4-forskellige-attributsyntaks.

This example demonstrates the different syntaxes used in the <input> tag:

Type Example
Empty <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill Gates>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

In the HTML5 standard, all 4 syntaxes may be used according to the need for attributes.

HTML5 - New features

Some of the most interesting new features of HTML5:

  • New semantic elements, such as <header>, <footer>, <article>, and <section>.
  • New form controls, such as numbers, dates, times, calendars, and sliders.
  • Powerful image support (via <canvas> and <svg>)
  • Powerful multimedia support (via <video> and <audio>)
  • Powerful new APIs, such as using local storage instead of cookies.

HTML5 - Removed elements

The following HTML 4.01 elements have been removed from HTML5:

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