Categorie di contenuto

Ciascun elemento HTML deve rispettare le regole che definiscono che tipo di contenuto può avere. Queste regole sono raggruppate in modelli di contenuto comuni a diversi elementi. Ogni elemento HTML appartiene a nessuno, uno, o diversi modelli di contenuto, ognuno dei quali possiede regole che devono essere seguite in un documento conforme HTML.

Vi sono tre tipi di categorie di contenuto:

  • Le categorie del contenuto principale, che descrivono le regole comuni per il contenuto, delle quali fanno parte molti elementi
  • Le categorie relative alla figura del contenuto, che descrivono le regole comuni per gli elementi relativi alla figura
  • Le categorie dei contenuti specifici, che descrivono categorie non frequenti, condivise solo da pochi elementi, a volte solo in contesti particolari.
Content_categories_venn.png

Categorie di contenuto principale

Contenuto di Metadati

Gli elementi appartenenti alla categoria dei metadati modificano la presentazione o il comportamento del resto del documento, impostano collegamenti ad altri documenti, o comunicano altre informazioni non in linea.

Gli elementi che appartengono a questa categoria sono <base>, <command>, <link> (en-US), <meta> (en-US), <noscript> (en-US), <script> (en-US), <style> (en-US) e <title>.

Contenuto di flusso

Gli elementi che appartengono alla catogoria dei contenuti di flusso tipicamente contengono testo o altri contenuti. Essi sono: <a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>, <bdo>, <blockquote>, <br>, <button> (en-US), <canvas>, <cite> (en-US), <code> (en-US), <command>, <datalist> (en-US), <del> (en-US), <details> (en-US), <dfn> (en-US), <div>, <dl> (en-US), <em> (en-US), <embed> (en-US), <fieldset> (en-US), <figure>, <footer>, <form> (en-US), <h1> (en-US), <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h6> (en-US), <header>, <hgroup>, <hr> (en-US), <i>, <iframe>, <img>, <input>, <ins> (en-US), <kbd>, <keygen> (en-US), <label> (en-US), <map> (en-US), <mark> (en-US), <math> (en-US), <menu> (en-US), <meter> (en-US), <nav>, <noscript> (en-US), <object> (en-US), <ol> (en-US), <output>, <p>, <pre> (en-US), <progress> (en-US), <q> (en-US), <ruby> (en-US), <samp> (en-US), <script> (en-US), <section>, <select> (en-US), <small> (en-US), <span>, <strong> (en-US), <sub> (en-US), <sup> (en-US), <svg>, <table>, <textarea> (en-US), <time>, <ul> (en-US), <var> (en-US), <video> (en-US), <wbr> (en-US) e Text.

Pochi altri elementi appartengono a questa categoria, ma solo in determinale condizioni:

Contenuto di sezione

Gli elementi che appartengono ai modelli di contenuti di sezione creano una sezione nell'attuale contorno che definisce gli'ambiti degli elementi  <header> , degli elementi <footer> , e dei contenuti di intestazione.

Elementi appartenenti a questa categoria sono <article>, <aside>, <nav> e <section>

Nota: non confondere questo modello di contenuto con la categoria  sezione radice , che isola il suo contenuto dal regolare contorno.

Contenuto di intestazione

Il contenuto di intestazione definisce il titolo della sezione, se contrassegnato da un esplicito elemento di contenuto di intestazione  o implicitamente definito da un contenuto di intestazione.

Elementi appartenenti a questa categoria sono <h1> (en-US), <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h6> (en-US) e <hgroup>.

Nota: Consideralo possibilmente come un contenuto di intestazione, l' <header> non è un contenuto di intestazione.

Contenuto di enunciazione

Il contenuto di enunciazione definisce il testo e la marcatura che essa contiene.Si appropria del contenuto di Enunciazione dei paragrafi.

Elementi appartenenti a questa categoria sono <abbr>, <audio>, <b>, <bdo>, <br>, <button> (en-US), <canvas>, <cite> (en-US), <code> (en-US), <command>, <datalist> (en-US), <dfn> (en-US), <em> (en-US), <embed> (en-US), <i>, <iframe>, <img>, <input>, <kbd>, <keygen> (en-US), <label> (en-US), <mark> (en-US), <math> (en-US), <meter> (en-US), <noscript> (en-US), <object> (en-US), <output>, <progress> (en-US), <q> (en-US), <ruby> (en-US), <samp> (en-US), <script> (en-US), <select> (en-US), <small> (en-US), <span>, <strong> (en-US), <sub> (en-US), <sup> (en-US), <svg> (en-US), <textarea> (en-US), <time>, <var> (en-US), <video> (en-US), <wbr> (en-US) e il puro text (che non consiste soltanto nello spazio bianco dei caratteri).

Molte altri elementi appartengono da questa categoria,ma solo se vengono soddisfatte delle specifiche condizioni:

Contenuto integrato

Il contenuto integrato importa un'altra risorsa o inserisce contenuto da un'altro linguaggio di marcatura o un namespace nel documento.Elementi che appartengono a questa categoria includono: <audio>, <canvas>, <embed> (en-US), <iframe>, <img>, <math> (en-US), <object> (en-US), <svg>, <video> (en-US).

Contenuto interattivo

Il contenuto interattivo include elementi che sono speficatamente progettati per l'interazione dell'utente. Elementi che provengono da questa categoria includono: <a>, <button> (en-US), <details> (en-US), <embed> (en-US), <iframe>, <keygen> (en-US), <label> (en-US), <select> (en-US), e <textarea> (en-US).
Alcuni elementi appartengono a questa categoria solo sotto  specifiche condizioni:

Contenuto modulo-associato

Il contento modulo-associato comprende elementi che ha un modulo beneficiario ,mostrato attraverso l'attributo form.Un beneficiario di un modulo  è o l'elemento contenente <form> (en-US) o è l' elemento che ha id specificato nell'attributo form.

 Questa categoria contiene diverse altre sotto-categorie:

elencati
Elementi che sono elencati nel elementi.modulo ed il fieldset.Collezioni di elementi IDL. Contiene<button> (en-US), <fieldset> (en-US), <input>, <keygen> (en-US), <object> (en-US), <output>, <select> (en-US), e <textarea> (en-US).
l'abilità labelable
Elementi che possono essere associati con elementi <label> (en-US). Contiene <button> (en-US), <input>, <keygen> (en-US), <meter> (en-US), <output>, <progress> (en-US), <select> (en-US), e <textarea> (en-US).
Dati Inviabili tramite un form
Elementi che possono essere usati per costruire il modulo dati quando il modulo é stato inviato. Contiene <button> (en-US), <input>, <keygen> (en-US), <object> (en-US), <select> (en-US), e <textarea> (en-US).
reset dei dati di un form
Elementi che possono essere usati per portare il form al reset delle impostazioni originarie.Contiene <input>, <keygen> (en-US), <output>,<select> (en-US), e <textarea> (en-US).

Modello di contenuto trasparente

Se un elemento ha un modello di contenuto trasparente,allora i suoi contenuti possono essere strutturati come quelli validi in  HTML5, perfino se l'elemento trasparente era stato rimosso e rimpiazzato da elemento figlio.

Per esempio, gli elementi <del> (en-US) e <ins> (en-US)sono trasparenti:

<p>Tratteniamo queste verità per essere<del><em>consacrate &amp; innegabili</em></del> <ins>chiare</ins>.</p>

Se quegli elementi verranno rimossi, questo frammento potrebbe essere ancora un valido HTML (anche se non in corretto italiano).

<p>Tratteniamo queste verità per essere<del><em>consacrate &amp; innegabili</em></del> <ins>chiare</ins>.</p>

Altri modelli di contenuto

Sezione radice.