L'elemento HTML <article> rappresenta una composizione autocontenuta in un documento, una pagina, un'applicazione, o un sito, intesa per essere distribuita indipendentemente o riutilizzata, per esempio, nell'aggregazione. Esempi sono un articolo su un forum, un articolo di rivista o di giornale, un articolo su un blog, un commento inserito da un utente, un widget o un gadget interattivi, o qualsiasi altro contenuto indipendente. Ogni <article> dovrebbe essere identificato, generalmente, includendo un'intestazione (elementi h1-h6) come figlia dell'elemento <article>.
Note d'uso:
- Quando un elemento
<article>è annidato, l'elemento più interno rappresenta un articolo collegato all'elemento più esterno. Per esempio, i commenti di un articolo su un blog possono essere elementi<article>annidati nell'elemento<article>che rappresenta il post sul blog. - Le informazioni sull'autore di un elemento
<article>possono essere fornite attraverso l'elemento {{HTMLElement("address")}}, ma non si applicano agli elementi<article>annidati. - La data e l'ora di pubblicazione di un elemento
<article>possono essere descritte usando l'attributo {{htmlattrxref("pubdate", "time")}} di un elemento {{HTMLElement("time")}}.
- Categorie di contenuti flow content, sectioning content, palpable content.
- Contenuti consentitiflow content.
- Omissione del tag {{no_tag_omission}}
- Elementi genitore permessiQualsiasi elemento che accetti contenuto di flusso. Notare che un elemento
<article>non deve essere un discendente di un elemento {{HTMLElement("address")}}. - Interfaccia DOM {{domxref("HTMLElement")}}
Attributi
Questo elemento include solamente gli attributi globali.
Esempio
<article> <h4>Un articolo veramente fantastico</h4> <p>Un sacco di testo fantastico.</p> </article>
Specifiche
| Specifica | Stato | Commenti |
|---|---|---|
| {{SpecName('HTML WHATWG', 'sections.html#the-article-element', '<article>')}} | {{Spec2('HTML WHATWG')}} | |
| {{SpecName('HTML5 W3C', 'sections.html#the-article-element', '<article>')}} | {{Spec2('HTML5 W3C')}} |
Compatibilità con i browser
{{CompatibilityTable}}
| Funzionalità | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Supporto di base | 5 | {{CompatGeckoDesktop("2.0")}} | 9.0 | 11.10 | 4.1 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Supporto di base | 2.2 | {{CompatGeckoMobile("2.0")}} | 9.0 | 11.0 | 5.0 (iOS 4.2) |
Vedi anche
- Altri elementi correlati alle sezioni: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}
- Sezioni e indici nei documenti HTML5.
{{ HTMLRef }}