nya element i HTML5

nya element i HTML5

Nedan listas HTML5:s nya element samt deras beskrivningar.

nya semantiska/strukturlement

HTML5 erbjuder nya element för att bygga bättre dokumentstruktur:

Etikett Beskrivning
<article> definiera artiklar inom dokumentet.
<aside> definiera innehåll utanför sidans huvudinnehåll.
<bdi> definiera textriktning som skiljer sig från övrig text.
<details> definiera ytterligare detaljer som användaren kan se eller dölja.
<dialog> definiera dialog eller fönster.
<figcaption> definiera titeln för <figure>-elementet.
<figure> definiera innehåll som är självförsörjande, till exempel illustrationer, diagram, fotografier, kodlistor osv.
<footer> definiera foten för dokumentet eller sektionen.
<header> definiera rubriken för dokumentet eller sektionen.
<main> definiera huvudinnehållet i dokumentet.
<mark> definiera viktigt eller betonat innehåll.
<menuitem> definiera kommandon eller menyobjekt som användaren kan anropa från en popup-meny.
<meter> definiera skalomått inom kända intervall.
<nav> definiera navigeringslänkar inom dokumentet.
<progress> definiera arbetsframsteg.
<rp> definiera vad som visas i webbläsare som inte stödjer ruby-kommentarer.
<rt> definiera förklaringen till tecknet eller uttalet (för östasiatiska teckenstilar).
<ruby> definiera ruby-kommentarer (för östasiatiska teckenstilar).
<section> definiera sektioner i dokumentet.
<summary> definiera synlig titel för <details>-elementet.
<time> definiera datum/tid.
<wbr> definiera möjliga radbrytningar (line-break).

Läs mer om HTML5 semantikinnehållet.

nya formulärelement

Etikett Beskrivning
<datalist> definiera fördefinierade alternativ för inputkontroller.
<keygen> definiera nyckelgenereringsfält (för formulär).
<output> definiera beräkningsresultat.

Läs mer om HTML formulärelementnya, gamla och gamla element.

nya input-typer

nya input-typer nya input-attribut
  • färg
  • datum
  • datetime
  • datetime-local
  • email
  • månad
  • nummer
  • omfattning
  • sök
  • tel
  • tid
  • url
  • vecka
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • höjd och bredd
  • list
  • min och max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Lär dig HTML-inputtyperalla nya och gamla inputtyper.

Lär dig HTML Input egenskaperalla inputegenskaper.

HTML5 - Nya egenskapsgrammatiska strukturer

HTML5 tillåter fyra olika egenskapsgrammatiska strukturer.

Detta exempel visar olika grammatiska strukturer som används i <input>-etiketten:

Etikett Beskrivning
Tom <input type="text" value="Bill Gates" disabled>
Ocitat <input type="text" value=Bill>
Dubbla citattecken <input type="text" value="Bill Gates">
Enkel citattecken <input type="text" value='Bill Gates'>

I HTML5 kan alla fyra grammatiska strukturer användas beroende på egenskapernas behov.

HTML5-bilder

Etikett Beskrivning
<canvas> Definiera ritning av bilder som används med JavaScript.
<svg> Definiera ritning av bilder som används med SVG.

Läs mer om HTML5 Canvas innehållet.

Läs mer om HTML5 SVG innehållet.

Nya medieelement

Etikett Beskrivning
<audio> Definiera ljud- eller musikinnehåll.
<embed> Definiera behållare för externa applikationer (t.ex. plugins).
<source> Definiera källor för <video> och <audio>.
<track> Definiera spår för <video> och <audio>.
<video> Definiera video- eller filminnehåll.

Läs mer om HTML5-videoinnehållet.

Läs mer om HTML5-ljudinnehållet.