Inhaltskategorien

Für jedes HTML-Element gibt es Regeln, welche definieren, welchen Inhalt es hat. Diese Regeln sind zu Inhaltsmodellen gruppiert, welche für mehrere Elemente gelten. Jedes HTML-Element gehört zu null oder einem oder mehreren Inhaltsmodellen, von welchen jedes die Regeln bestimmt, welche der Inhalt des Elementes in einem gültigen HTML-Document befolgen muss.

Es gibt drei Typen von Inhaltskategorien:

• Hauptinhaltskategorien(engl. main content categories), welche Inhaltsregeln beschreiben, welche bei vielen Elementen gültig sind;
• Formzusammenhängende Inhaltskategorien(engl. form-related content categories), welche Inhaltsregeln beschreiben, welche für formzusammenhängende Elemente gelten;
• Specifische Inhaltskategorien(engl. specific content categories), welche seltene Kategorien beschreiben, welche nur für wenige Elemente gelten, manchmal nur in einem specifischen Context.

Hauptinhaltskategorien

Metadateninhalt

Elemente, welche zu der Metadatainhaltscategorie(engl.metadata content category) gehören, verändern die Präsentation oder das Verhalten des Restes des Documentes, stellen Links zu anderen Documenten ein, oder enthalten andere out-of-band-Information.

Elemente, die zu dieser Kategorie gehören, sind <base>, <command>, <link>, <meta>, <noscript>, <script>, <style> und <title>.

Fließender Inhalt

Elemente, die zu der Kategorie des fließenden Inhaltes(engl.flow content category gehören, enthalten typischerweise Text oder eingebetteten Inhalt. Sie sind: <a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi>, <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <keygen>, <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object>, <ol>, <output>, <p>, <pre>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <section>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <table>, <template>, <textarea>, <time>, <ul>, <var>, <video>, <wbr> und Text.

Einige wenige Elemente gehören zu dieser Kategorie, aber nur, wenn eine specifische Bedingung erfüllt ist:

• <area>, falls es ein Nachfolger eines <map>-Elementes ist
• <link>, falls das itemprop-Attribut geschrieben ist
• <meta>, falls das itemprop-Attribut geschrieben ist
• <style>, falls das scoped-Attribut geschrieben ist

Unterteilender Inhalt

Elemente, die zu dem sectioninig-content-Modell gehören, erstellen eine Section in der laufenden Outline, welche das Aussehen eines <header>-Elementes , <footer>-Elementes, und Überschrifteninhaltes definiert.

Elemente, die zu dieser Categorie gehören, sind <article>, <aside>, <nav> und <section>. 

Überschrifteninhalt

Überschrifteninhalt definiert den Titel einer Section, dabei gibt es keinen Unterschied, ob es mit einem expliciten sectionierenden Inhalt gekennzeichnet oder implicite durch den Überschrifteninhalt selbst definiert ist.

Elemente, die zu dieser Categorie gehören, sind <h1>, <h2>, <h3>, <h4>, <h5>, <h6> und <hgroup>.

Gestaltender Inhalt

Gestaltender Inhalt definiert den Text und das Markup, welche er enthält. Folgen von phrasierendem Inhalt sind Paragraphen.

Elemente, die zu dieser Categorie gehören, sind <abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr> und einfacher Text (welcher nicht nur aus Leerzeichen-Zeichen besteht).

Einige andere Elemente, die zu dieser Categorie gehören, aber nur, falls eine bestimmte Condition erfüllt ist:

• <a>, falls es nur phrasierenden Inhalt enthält
• <area>, falls es das Descendens eines <map>-Elementes ist
• <del>, falls es nur phrasierenden Inhalt enthält
• <ins>, falls es nur phrasierenden Inhalt enthält
• <link>, falls das itemprop-Attribut geschrieben ist
• <map>, falls es nur phrasierenden Inhalt enthält
• <meta>, falls das itemprop-Attribut geschrieben ist.

Eingebetter Inhalt

Eingebetteter Inhalt importiert eine andere Ressource oder gibt Inhalt einer anderen Markup-Sprache oder Namensraumes in das Document ein. Elemente in dieser Categorie sind: <audio>, <canvas>, <embed>, <iframe>, <img>, <math>, <object>, <svg>, <video>.

Interaktiver Inhalt

 Interactiver Inhalt enthält Elemente, die speziell für Interactionen mit dem Benutzer designiert sind. Elemente, die in dieser Categorie sind, enthalten: <a>, <button>, <details>, <embed>, <iframe>, <keygen>, <label>, <select>, and <textarea>.
Einige Elemente sind nur unter spezifischen Conditionen in dieser Categorie:

• <audio>, falls das controls-Attribut geschrieben ist
• <img>, falls das usemap-Attribut geschrieben ist
• <input>, falls das type-Attribut nicht im versteckten Status ist.
• <menu>, falls das type-Attribut im Toolbar-Status ist
• <object>, falls das usemap-Attribut geschrieben ist
• <video>, falls das controls-Attribut geschrieben ist.

Fühlbarer Inhalt

 A content is palpable when it's neither empty nor hidden. Elements whose model is flow content or phrasing content should have at least one node which is palpable.

Formularbezogener Inhalt

Form-associated content comprises elements that have a form owner, exposed by a form attribute. A form owner is either the containing <form> element or the element whose id is specified in the form attribute.

• <button>
• <fieldset>
• <input>
• <keygen>
• <label>
• <meter>
• <object>
• <output>
• <progress>
• <select>
• <textarea>

This category contains several sub-categories:

gelistet

Elements that are listed in the form.elements and fieldset.elements IDL collections. Contains <button>, <fieldset>, <input>, <keygen>, <object>, <output>, <select>, and <textarea>.

bezeichenbar

Elements that can be associated with <label> elements. Contains <button>, <input>, <keygen>, <meter>, <output>, <progress>, <select>, and <textarea>.

abschickbar

Elements that can be used for constructing the form data set when the form is submitted. Contains <button>, <input>, <keygen>, <object>, <select>, and <textarea>.

zurücksetzbar

Elements that can be affected when a form is reset. Contains <input>, <keygen>, <output>,<select>, and <textarea>.

Transparentes Inhaltsmodell

If an element has a transparent content model, then its contents must be structured such that they would be valid HTML 5, even if the transparent element were removed and replaced by the child elements.

For example, the <del> and <ins> elements are transparent:

<p>We hold these truths to be <del><em>sacred &amp; undeniable</em></del> <ins>self-evident</ins>.</p>

If those elements were removed, this fragment would still be valid HTML (if not correct English).

<p>We hold these truths to be <em>sacred &amp; undeniable</em> self-evident.</p>

Andere Inhaltsmodelle

Sectioning root.