HTML5 portal
Med HTML5 blir verden enklere!
I oktober 2014 offentliggjorde World Wide Web Consortium (W3C) HTML5, som skulle forbedre hypertekst med bedre støtte for seneste multimedia, samtidig som det skulle være enkelt å forstå for både bruker og maskin. HTML5 skulle være leselig for mennesker, men samtidig forståelig for computere, nettlesere osv. HTML5 er det nye markeringsspråket for å strukturere og presentere innhold i World Wide Web. Som navnet antyder er dette femte generasjon av HTML, som første gang ble opprettet i 1990. HTML ble første gang standardisert i 1997 som HTML4 av W3C. Målet med HTML har hele tiden vært å støtte de nyeste multimediene, som både enkelt skal leses av brukerne, men samtidig også av datamaskiner, nettlesere, og gadgets generelt. HTML5 skal videreføre dette og erstatter HTML4, HTML 4.01, XHTML 1.1, samt Document Object Model (DOM). XHTML var et markeringsspråk som fulgte XML (Extensible Markup Language) standarden, mens HTML 4.01 brukte SGML (Standard General Markup Language). XHTML var et mer fleksibelt markeringsspråk med strengere syntaksregler enn HTML. XHTML kunne brukes på alt fra desktopper til mobile applikasjoner. HTML5 viderefører dette, men med en enklere syntaks. Dette betyr enda mer dynamisk innhold, bedre multimedia, og interaksjon.
Ikke bare viderefører HTML5 funksjonene i de tidligere standardene, men den er også multiplattformvennlig. I det ligger det at i HTML5 er det blitt tatt hensyn til at innhold enklere skal kjøre på alt fra desktopper med stasjonær strømforsyning, til batteridrevne enheter som lapptopper, nettbrett og smarttelefoner. Det er lagt opp til nye elementer (se under), MathML for matematiske formler, samt integrering av av Scalable Vector Graphics (SVG), som erstatter bruken av <object> elementene. Disse funksjonene er utviklet for å gjøre det enkelt å inkludere og håndtere multimedia og grafisk innhold på nettet uten å måtte ty til proprietære programtillegg. Andre elementer er ment å berike det semantiske innholdet i hypertekstdokumenter (se Hypermedier og hypertekst-pionerene). Slike semantiske elementer er <header>, <footer>, <article>, <aside>, og <nav> (se Holy Grail Webdesign). Under er en liste over semantiske elementer i HTML5.
Semantiske HTML5 elementer
| Elementer | Beskrivelse (engelsk) |
|---|---|
<article> |
Article |
<aside> |
Content aside from the page content |
<audio> |
Sound content |
<bdi> |
Isolates a part of text |
<canvas> |
Graphics |
<command> |
Command button |
<datalist> |
Dropdown list |
<details> |
Details of an element |
<dialog> |
Dialog |
<embed> |
Interactive content or plugin |
<figcaption> |
Caption of a figure element |
<figure> |
Group of media content and their caption |
<footer> |
Footer (section or page) |
<header> |
Header (section or page) |
<hgroup> |
Information about a section in a document |
<keygen> |
Generated key in a form |
<main> |
Main content of a document |
<mark> |
Marked text |
<menuitem> |
Menu item (popup menu) |
<meter> |
Measurement within a predefined range |
<nav> |
Navigation links |
<output> |
Output types |
<progress> |
Progress of a task of any kind |
<rp> |
Ruby annotations (browsers not supporting ruby element) |
<rt> |
Explanation to ruby annotation |
<ruby> |
Ruby annotations |
<section> |
Defines a section |
<source> |
Media resources |
<summary> |
Defines the header of a "detail" element |
<time> |
Date and time |
<video> |
Video |
<wbr> |
Possible line-break |
HTML5 merker (Badge Gallery)
Her er de offisielle W3C HTML5 merkene!
Forklaring: Logoene under brukes der dokumenttypen er HTML5, det vil si at <!DOCTYPE html> er deklarert øverst i hyperteksdokumentet. Hvis du validerer dokumentet etter de såkalte teknologiklassene kan du bruke teknologimerkene til høyre.
Rød HTML5 Logo
Svart HTML5 Logo
3D, Graphics, Effects
Connectivity
CSS3 Styling
Device Access
HTML5 Semantics
Multimedia
Offline & Storage
Performance & Integration
HTML Living Standard
Publikasjonshistorikken til HTML5
| Dato | Status |
|---|---|
| 28. januar 2021 | Pensjonert |
| 18. oktober 2018 | Arbeidsutkast |
| 9. august 2018 | |
| 3. juli 2018 | |
| 26. april 2018 | |
| 15. mars 2018 | |
| 6. februar 2018 | |
| 14. desember 2017 | Første offentlige arbeidsutkast |
Kilde: World Wide Web Consortium
| Dato | Status |
|---|---|
| 28. januar 2021 | Pensjonert |
| 14. desember 2017 | Anbefaling |
| 2. november 2017 | Forslag til anbefaling |
| 8. august 2017 | Øyeblikksbilde av kandidatanbefaling |
| 18. juli 2017 | Arbeidsutkast |
| 9. mai 2017 | |
| 6. april 2017 | |
| 28. februar 2017 | |
| 17. januar 2017 | |
| 6. desember 2017 | |
| 25. oktober 2016 | |
| 18. august 2016 | Første offentlige arbeidsutkast |
Kilde: World Wide Web Consortium
| Dato | Status |
|---|---|
| 28. januar 2021 | Pensjonert |
| 3. oktober 2017 | Anbefaling |
| 3. august 2017 | Forslag til anbefaling |
| 20. juni 2017 | Øyeblikksbilde av kandidatanbefaling |
| 1. november 2016 | Anbefaling |
| 15. september 2016 | Forslag til anbefaling |
| 21. juni 2016 | Øyeblikksbilde av kandidatanbefaling |
| 2. juni 2016 | Arbeidsutkast |
| 3. mai 2016 | |
| 12. april 2016 | |
| 10. mars 2016 | |
| 8. oktober 2015 | |
| 7. oktober 2015 | |
| 3. oktober 2015 | |
| 30. september 2015 | |
| 29. september 2015 | |
| 25. september 2015 | |
| 24. september 2015 | |
| 23. september 2015 | |
| 22. september 2015 | |
| 31. august 2015 | |
| 28. august 2015 | |
| 24. august 2015 | |
| 9. juli 2015 | |
| 6. mai 2015 | |
| 17. april 2015 | |
| 13. april 2015 | |
| 23. mars 2015 | |
| 17. mars 2015 | |
| 17. juni 2014 | |
| 4. februar 2014 | |
| 29. oktober 2013 | |
| 28. mai 2013 | |
| 17. desember 2012 |
Kilde: World Wide Web Consortium
| Dato | Status |
|---|---|
| 27. mars 2018 | Pensjonert |
| 28. oktober 2014 | Anbefaling |
| 16. september 2014 | Forslag til anbefaling |
| 31. juli 2014 | Øyeblikksbilde av kandidatanbefaling |
| 17. juni 2014 | Siste samtale på arbeidsutkast |
| 29. april 2014 | Øyeblikksbilde av kandidatanbefaling |
| 17. desember 2012 | Øyeblikksbilde av kandidatanbefaling |
| 25. oktober 2012 | Arbeidsutkast |
| 29. mars 2012 | |
| 25. mai 2011 | Siste samtale på arbeidsutkast |
| 5. april 2011 | Arbeidsutkast |
| 13. januar 2011 | |
| 19. oktober 2010 | |
| 24. juni 2010 | |
| 4. mars 2010 | |
| 25. august 2009 | |
| 23. april 2009 | |
| 12. februar 2009 | |
| 10. juni 2008 | |
| 22. januar 2008 |
Kilde: World Wide Web Consortium
Kilder
- World Wide Web Consortium. HTML 5.3 publication history. [ONLINE] Tilgjengelig: https://www.w3.org/standards/history/html53/ [2025-01-21]
- World Wide Web Consortium. HTML 5.2 publication history. [ONLINE] Tilgjengelig: https://www.w3.org/standards/history/html52/ [2025-01-21]
- World Wide Web Consortium. HTML 5.1 2nd Edition publication history. [ONLINE] Tilgjengelig: https://www.w3.org/standards/history/html51/ [2025-01-21]
- World Wide Web Consortium. HTML 5 publication history. [ONLINE] Tilgjengelig: https://www.w3.org/standards/history/html5/ [2025-01-21]
- Wikipedia (2025-01-14). HTML5. [ONLINE] Tilgjengelig: https://en.wikipedia.org/wiki/HTML5 [2025-01-21]
- Wikipedia (2025-01-14). HTML5. [ONLINE] Tilgjengelig: https://en.wikipedia.org/wiki/HTML5 [2025-01-21]
Webverktøy og flere HTML5 portaler
- DevOps «You build it, you run it»
- Domener
- Hamburgerknappen
- Holy Grail Webdesign
- HTML 5 Bakgrunn og tagglisten (tidligere HTML5 portal)
- HTML5 portal
- HTML5 entiteter (aksenttegn og ligaturer i HTML og JavaScript)
- HTTPS og SSL sertifikater
- Modal window
- Omregning fra pt til px
- RWD og AWD (Responsive Web Design)
- WCAG 2.0 – ISO/IEC 40500 (universell utforming)
- Websikre fonter (CSS Web Safe Fonts)