Inhaltskategorien

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

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.
Content_categories_venn.png

Hauptinhaltskategorien

Metadata-Inhalt

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:

Sectionierender Inhalt

Elemente, die zu demsectioninig-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>

Notiz: Nicht dieses Modell mit der Sectionierende-Wurzel-Kategorie(engl.sectioning root category, welche ihren Inhalt von der regularen Outline isoliert, verwechseln.

Ü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>.

Notiz: Obwohl es meistens Überschrifteninhalt enthält, ist <header> selbst kein Überschrifteninhalt.

Phrasierender Inhalt

Phrasierender 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>.

Interactiver 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:

Form-associated content

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.

 This category contains several sub-categories:

listed
Elements that are listed in the form.elements and fieldset.elements IDL collections. Contains <button>, <fieldset>, <input>, <keygen>, <object>, <output>, <select>, and <textarea>.
labelable
Elements that can be associated with <label> elements. Contains <button>, <input>, <keygen>, <meter>, <output>, <progress>, <select>, and <textarea>.
submittable
Elements that can be used for constructing the form data set when the form is submitted. Contains <button>, <input>, <keygen>, <object>, <select>, and <textarea>.
resettable
Elements that can be affected when a form is reset. Contains <input>, <keygen>, <output>,<select>, and <textarea>.

Transparent content model

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>

Other content models

Sectioning root.

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: jumpball
 Zuletzt aktualisiert von: jumpball,