Veränderungen im HTML5 Standard

Liste der HTML5-Elemente (HTML5.1)

List of HTML5 Elements (HTML5.1)

a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, math, menu, menuitem, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strong, style, sub, summary, sup, svg, table, tbody, td, template, textarea, tfoot, th, thead, time, title, tr, track, u, ul, var, video, wbr = 112 Elements (36 new comp. to HTML4) .

16.01.2018: whatwg: ( +dialog, +hgroup, +slot, (+aut. custom elements) rb, rtc, keygen) = 115 Elements, +svg, +math.
W3C-HTML5: (new: +rb, +rtc, ) ( details, dialog, hgroup, menu, menuitem, picture, summary) = 108 Elements, +svg, +math.
W3C-HTML5.1: (new: details, menu, menuitem, picture, summary ) ( +rb, +rtc, dialog, hgroup) = 114 Elements, +svg, +math
W3C-HTML5.2: (new: dialog ) ( +rb, +rtc, keygen, hgroup, menu, menuitem) = 114 Elements, +svg, +math
W3C-HTML5.3: (new: (+custom elements) +slot ) ( +dialog, +rb, +rtc, keygen, hgroup, menu, menuitem) = 114 Elements, +svg, +math
Changes in: HTML5, HTML5.1, HTML5.2, HTML5.3,
Differences: HTML4 - HTML5 (W3C), HTML whatwg - HTML W3C

Beispiel für eine Grundstruktur einer HTML5-Seite

Example of a basic structure of a HTML5 page

<!DOCTYPE html> <html lang="de"> <head> <title>... <meta charset="utf-8"> <link...> <style>... <script...>... </head>
<body> <header>... <nav>...</nav> </header> <main> <article> <h1>... </h1> <section> <h2>... </h2> <p>...</p> ...</section> ...</article> </main> <footer>...</footer> </body> </html>

Änderungen in HTML5

HTML5 Changes

Versuch eines Protokolls der wichtigsten HTML5-Veränderungen für Quellkode-Bearbeiter:
The major changes in HTML5 for source code writers:

Änderungen bei den HTML5 Elementen

HTML5 element changes

Element Änderung Change In
slot hinzugefügt added 2018
custom elements hinzugefügt added 2018
dialog hinzugefügt added (W3C: 2012) 2017
keyen entfernt removed 2016
slot hinzugefügt added (whatwg only) 2016
custom elements
hinzugefügt added (whatwg only) 2016
tbody...tfoot erlaubt allowed 2016
rb hinzugefügt added (W3C only) 2015
rtc hinzugefügt added (W3C only) 2015
math hinzugefügt added 2015
svg hinzugefügt added 2015
h1 h1 nur/only 1x in body / header / article 2014
picture hinzugefügt added (W3C: 2016) 2014
details hinzugefügt added (W3C: 2016) 2014
hgroup entfernt removed (W3C only) 2013
template hinzugefügt added 2013
main hinzugefügt added 2013
menuitem hinzugefügt added (W3C: 2016) 2013
command entfernt removed 2013
dialog (erneut) hinzugefügt added (again, only whatwg) 2012
data hinzugefügt added 2011
u (erneut) hinzugefügt added (again) 2011
bdi hinzugefügt added 2010
track hinzugefügt added 2010
s (erneut) hinzugefügt added (again) 2010
wbr hinzugefügt added 2010
dialog entfernt removed 2009
label hinzugefügt added (meter, progress, output) 2009
figcaption hinzugefügt added 2009
summary hinzugefügt (Element!) added (W3C: 2016) 2009
time kann leer sein could be empty 2009
header hinzugefügt added 2009
hgroup hinzugefügt added 2009
td nicht mehr erlaubt in: thead no longer allowed in: thead 2009
datagrip entfernt removed 2009
keygen hinzugefügt added 2009
bb hinzugefügt (2009: entfernt) added (2009: removed) 2008
a erlaubt verschachtelten flow content allows nested flow contend 2008
q Symbol kommt vom Browser symbol provided by browser 2008
mark hinzugefügt added 2008
ruby rt rt hinzugefügt added 2008

Liste wichtiger HTML5-Attribute

List of most important HTML5 Attributs

alt (area, img, input), charset (meta, script), cite (blockquote, del, ins, q), class (glob.), colspan (td, th), content (meta), datetime (del, ins, time), headers (td, th), height (img, iframe, video…), hidden (glob.), href (a, area, link, base), http-equiv (meta), id (glob.), lang (glob.), media (a, style, …), name (map, meta, input...), ping (a, area), poster (video), pubdate (time), rel (a, area, link), reversed (ol), rowspan ()td, th), sandbox (iframe), scope (th), scoped (style), seamless (iframe), shape (area), span (col, colgroup), src (iframe, img, video, …), srcdoc (iframe), start (ol), style (glob.), summary (table), target (a !!!, area, base), title ((glob.) abbr, dfn), type (a, area, input, ...), usemap (img, object), value (li, input, …), width (img, iframe, input, video, …).
(glob. = global (all elements). whatwg: more ).

Änderungen bei den HTML5 Attributen

HTML5 attributes changes

nur die wichtigsten Änderungen
only the most important changes

Attribute Änderung Change In
form (label) entfernt !!! removed !!! 2016
type=context (menuitem) hinzugefügt added 2016
srcset (picture) hinzugefügt added 2014
sorted hinzugefügt (th) added (th) 2013
border (table) entfernt !!! removed !!! 2012
border="1" (table) hinzugefügt added 2011
summary (table) entfernt !!! removed !!! 2011
Content-Language (meta) entfernt removed 2011
hidden für Tabellenelemente for table-elements 2010
datetime (del, ins) ohne Zeitangabe without time 2010
ping entfernt (W3C) removed (W3C) 2010
keywords (meta) hinzugefügt added 2010
srcdoc hinzugefügt added 2010
preload hinzugefügt added 2010
input type="tel" hinzugefügt added 2009
cite (section, article) hinzugefügt added 2009
spellcheck (global) hinzugefügt added 2009
formaction, formenctype, formmethod,
formnovalidate, formtarget
(input, button)
hinzugefügt added 2009
placeholder (textarea) hinzugefügt added 2009
embed ohne src
embed without src
hinzugefügt added 2009
xml:lang hinzugefügt added 2009
hidden hinzugefügt added 2009
meta charset=... muss innerhalb der ersten 512 Bytes (2011: 1024) erscheinen
must occur within the first 512 bytes (2011: 1024)
multiple (input) hinzugefügt added 2009
meta http-equiv="content-type... hinzugefügt added 2008
reversed (ol) hinzugefügt added 2008
data- hinzugefügt added 2008
target="_blank" (a, ...) hinzugefügt added 2008
sandbox, seamless
hinzugefügt added 2008