Liste der HTML5-Elemente
List of HTML5 Elements
a, abbr, address, area, article, aside, audio,
b, base, bdi, bdo, blockquote, body, br, button,
canvas, caption, cite, code, col, colgroup, command,
datalist, dd, del, details, dfn, div, dl, dt,
em, embed,
fieldset, figcaption, figure, footer, form,
h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html,
i, iframe, img, input, ins,
kbd, keygen,
label, legend, li, link,
map, mark, menu, meta, meter,
nav, noscript,
object, ol, optgroup, option, output,
p, param, pre, progress, q,
rp, rt, ruby,
s, samp, script, section, select, small, source, span, strong, style, sub, summary, sup,
table, tbody, td, textarea, tfoot, th, thead, time, title, tr, track,
u, ul,
var, video, wbr.
(19.11.2011: whatwg = W3C = 108 Elements, 31 new)
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>...</header>
<nav>...</nav>
<article>
<section>
<h1>... </h1>
<p>...</p>
...</section>
...</article>
<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 |
|---|---|---|
| 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 (Element!) |
hinzugefügt added | 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 | Punktation kommt vom Browser punctuation provided by browser | 2008 |
| mark | hinzugefügt added | 2008 |
| ruby rt rd | hinzugefügt added | 2008 |
Liste wichtiger HTML5-Attribute
List of most important HTML5 Attributs
alt (area, img, input),
border (table !!!)
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 |
|---|---|---|
| border (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) |
2009 |
| 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 (iframe) |
hinzugefügt added | 2008 |