files/ca/web/html/element/article/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172

---
title: <article>
slug: Web/HTML/Element/article
translation_of: Web/HTML/Element/article
---
<p>{{HTMLRef}}</p>

<p><span id="result_box" lang="ca"><span>L'<strong>element HTML</strong></span><strong> <code><span>&lt;</span><span>article</span><span>&gt;</span></code></strong><span> representa</span> <span>una composició</span> autònoma <span>en un document,</span> <span>pàgina</span><span>, aplicació o</span> <span>lloc</span><span>, que està</span> <span>destinada a ser</span> <span>distribuir de forma</span> <span>independent o</span> <span>reutilitzables</span> <span>(</span><span>per</span> <span>exemple, en la</span> <span>sindicació</span><span>)</span><span>.</span> <span>Això podria ser un</span> <span>missatge</span> <span>del fòrum,</span> <span>un article</span> <span>d'una revista o</span> <span>un diari,</span> <span>una entrada de blog</span><span>, un objecte,</span> <span>o qualsevol</span> <span>altre</span> <span>element</span> <span>independent</span> <span>del contingut.</span> <span>Cada</span> <code><span>&lt;</span><span>article</span><span>&gt;</span></code> <span>ha de ser</span> <span>identificat</span><span>, generalment</span> <span>mitjançant la</span> <span>inclusió</span> <span>d'</span><span>una capçalera</span> <span>(element </span></span><span lang="ca"><code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements">&lt;h1&gt;-&lt;h6&gt;</a></code><span>)</span> <span>com</span> <span>un fill</span> <span>de l'element </span></span><code>&lt;article&gt;.</code></p>

<p>
 </p><div class="note">
 <p><strong>Notes d'us:</strong></p>

 <ul>
  <li><span id="result_box" lang="ca"><span>Quan</span> <span>es nia</span> <span>un element</span> <code><span>&lt;article</span><span>&gt;</span></code><span>, l'element</span> <span>interior</span> <span>representa</span> <span>un article</span> <span>relacionat</span> <span>amb l'element</span> <span>exterior.</span> <span>Per exemple</span><span>, els comentaris</span> <span>d'un blog</span> <span>poden ser</span> elements <code><span>&lt;</span><span>article</span><span>&gt;</span></code>  <span>niats</span> <span>en &lt;</span><span>article</span><span>&gt;</span> <span>representen</span> <span>a l'entrada del</span> <span>bloc.</span></span></li>
  <li><span id="result_box" lang="ca"><span class="alt-edited">La informació sobre l'autor d'un element <code>&lt;article&gt;</code> pot ser proporcionada a través de l'element </span></span>{{HTMLElement("address")}} <span lang="ca"><span class="alt-edited">, però no s'aplica a elements niats <code>&lt;article&gt;</code></span></span>.</li>
  <li>La data de publicació i el temps d'un element <code>&lt;article&gt;</code> es poden descriure mitjançant l'atribut {{htmlattrxref("datetime", "time")}} d'un element {{HTMLElement("time")}}. <em>Recordeu que el atribut {{htmlattrxref("pubdate", "time")}} de {{HTMLElement("time")}} ja no és una part de l'estàndard HTML 5 del W3C.</em></li>
 </ul>
 </div>
<p></p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de Flux</a>, <span class="short_text" id="result_box" lang="ca"><span>contingut</span> <span>de seccionament</span></span> , contingut palpable.</td>
  </tr>
  <tr>
   <th scope="row">Contingut permès</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut de Flux</a>.</td>
  </tr>
  <tr>
   <th scope="row">Omissió de l'etiqueta</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Elements pares permesos</th>
   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span></span>  <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="https://developer.mozilla.org/en/HTML/Content_categories#Flow_content">contingut de flux</a>. Recordeu que un element <code>&lt;article&gt;</code> <span id="result_box" lang="ca"><span>no ha de ser</span> <span>un descendent</span> <span>d'un element</span></span> {{HTMLElement("address")}}.</td>
  </tr>
  <tr>
   <th scope="row">Interfície DOM</th>
   <td>{{domxref("HTMLElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Atributs">Atributs</h2>

<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>només inclou el</span></span>s <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>

<h2 id="Exemples">Exemples</h2>

<pre class="brush: html">&lt;article class="film_review"&gt;
  &lt;header&gt;
    &lt;h2&gt;Jurassic Park&lt;/h2&gt;
  &lt;/header&gt;
  &lt;section class="main_review"&gt;
    &lt;p&gt;Dinos were great!&lt;/p&gt;
  &lt;/section&gt;
  &lt;section class="user_reviews"&gt;
    &lt;article class="user_review"&gt;
      &lt;p&gt;Way too scary for me.&lt;/p&gt;
      &lt;footer&gt;
        &lt;p&gt;
          Posted on &lt;time datetime="2015-05-16 19:00"&gt;May 16&lt;/time&gt; by Lisa.
        &lt;/p&gt;
      &lt;/footer&gt;
    &lt;/article&gt;
    &lt;article class="user_review"&gt;
      &lt;p&gt;I agree, dinos are my favorite.&lt;/p&gt;
      &lt;footer&gt;
        &lt;p&gt;
          Posted on &lt;time datetime="2015-05-17 19:00"&gt;May 17&lt;/time&gt; by Tom.
        &lt;/p&gt;
      &lt;/footer&gt;
    &lt;/article&gt;
  &lt;/section&gt;
  &lt;footer&gt;
    &lt;p&gt;
      Posted on &lt;time datetime="2015-05-15 19:00"&gt;May 15&lt;/time&gt; by Staff.
    &lt;/p&gt;
  &lt;/footer&gt;
&lt;/article&gt;
</pre>

<h2 id="Specifications" name="Specifications">Especificacions</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificació</th>
   <th scope="col">Estat</th>
   <th scope="col">Comentari</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th><br>
    Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>5</td>
   <td>{{CompatGeckoDesktop("2.0")}}</td>
   <td>9.0</td>
   <td>11.10</td>
   <td>4.1</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th><br>
    Característica</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>2.2</td>
   <td>{{CompatGeckoMobile("2.0")}}</td>
   <td>9.0</td>
   <td>11.0</td>
   <td>4.2</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Veure">Veure</h2>

<ul>
 <li><span class="short_text" id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>relacionats</span> <span>amb</span> <span>la secció</span></span> : {{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")}}</li>
 <li class="last"><a class="deki-ns current" href="/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i línies generals d'un document HTML5</a></li>
</ul>