HTML5 nye elementer

Nye elementer i HTML5

Her er en liste over HTML5s nye elementer samt deres beskrivelser.

Nye semantiske/strukturkomponenter

HTML5 tilbyder nye elementer, der kan bygge bedre dokumentstruktur:

Tag Description
<article> Definer artikler i dokumentet.
<aside> Definer indhold uden for sidens indhold.
<bdi> Definer tekstretning, der adskiller sig fra øvrig tekst.
<details> Definer yderligere detaljer, der kan vises eller skjules af brugeren.
<dialog> Definer dialog eller vindue.
<figcaption> Definer titlen på <figure>-elementet.
<figure> Definer selvinkluderet indhold, såsom illustrationer, diagrammer, fotos, kodeopgaver osv.
<footer> Definer foden i dokumentet eller afsnittet.
<header> Definer hovedet i dokumentet eller afsnittet.
<main> Definer hovedindholdet i dokumentet.
<mark> Definer vigtigt eller fremhævet indhold.
<menuitem> Definer kommandoer/menupunkter, der kan kalles fra popup-menuen.
<meter> Definer skalaen (skala) for kendt område.
<nav> Definer navigationslinks i dokumentet.
<progress> Definer opgaveprogres.
<rp> Definer, hvad der vises i browsere, der ikke understøtter ruby-kommentarer.
<rt> Definer forklaring på tegn/dæmon (brugt i kinesiske, japanske og koreanske skriftsprog).
<ruby> Definer ruby-kommentarer (brugt i kinesiske, japanske og koreanske skriftsprog).
<section> Definer afsnit i dokumentet.
<summary> Definer synlig titel for <details>-elementet.
<time> Definer dato/tid.
<wbr> Definer mulige linjeskift (line-break).

Read more about HTML5 semantikcontent.

Nye formularelementer

Tag Description
<datalist> Definer foruddefinerede valg for input-kontrollen.
<keygen> Definer generatoren af nøglepar felt (brugt i formulær).
<output> Definer beregningsresultatet.

Read more about HTML formulær elementerKina har nye, gamle og gamle elementer.

nye input-typer

nye input-typer nye input-attributter
  • farve
  • dato
  • datetime
  • datetime-local
  • email
  • måned
  • nummer
  • område
  • søg
  • tel
  • tid
  • url
  • uge
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • højde og bredde
  • liste
  • min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Learn HTML input typesAll new and old input types

Learn HTML Input egenskaberAll input attributes

HTML5 - New attribute syntax

HTML5 allows four different attribute syntaxes.

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

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

In HTML5, all four syntaxes may be used as needed based on the attribute.

HTML5 image

Tag Description
<canvas> Define image drawing using JavaScript.
<svg> Define image drawing using SVG.

Read more about HTML5 Canvas content.

Read more about HTML5 SVG content.

New media elements

Tag Description
<audio> Define sound or music content.
<embed> Define containers for external applications (such as plugins).
<source> Define sources for <video> and <audio>.
<track> Define tracks for <video> and <audio>.
<video> Define video or movie content.

Read more about HTML5 videocontent.

Read more about HTML5 audiocontent.