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

Prøv-det-personligt

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

Hvad-er-HTML5?

HTML5-er-den-nyeeste-HTML-standard.

HTML5-er-designet-til-at-bære-rich-web-indhold-uden-ekstra-plugin.

HTML5-har-nye-semantiske,-grafiske-og-multimedie-elementer.

HTML5-tilbyder-nye-elementer-og-nye-API'er-der-simplificerer-opbygningen-af-webapplikationer.

HTML5-er-kompatibel-med-flere-platforme-og-er-designet-til-at-køre-på-forskellige-typer-af-hardware(PC,-tablet,-telefon,-tv-etc.).

Kommentar:I-de-følgende-kapitler-lær-du-hvordan-man-kan-"hjælpe"-gamle-versioner-af-webbrowsere-håndtere-HTML5.

Hvad-er-nyt-i-HTML5?

HTML5s-nye-dokumenttype-(DOCTYPE)-erklæring-er-meget-enkel:

<!DOCTYPE html>
Den-nye-karakterkodning-(charset)-erklæring-er- også-meget-enkel:
<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:HTML5s-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 properties.

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 replacing cookies with local storage.

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>