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
|
---
title: '<article>: The Article Contents element'
slug: Web/HTML/Element/article
translation_of: Web/HTML/Element/article
---
<p>{{HTMLRef}}</p>
<p>A <strong>HTML <code><article></code> elem</strong> önálló egység egy dokumentumon, egy lapon, egy alkalmazáson, vagy egy oldalon belül, melynek célja a tartalom független megoszthatósága vagy újrafelhasználhatósága (lásd például a hírügynökségeknél). Ilyen például egy fórum bejegyzés, magazin - vagy újságcikk, illetve blogbejegyzés.</p>
<table class="properties" style="height: 414px; width: 824px;">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/HTML/Content_categories">Tartalmi kategóriák</a></th>
<td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Folytatólagos (flow) tartalom</a>, szakaszoló tartalom, megfogható tartalom.</td>
</tr>
<tr>
<th scope="row">Megengedett tartalom</th>
<td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Folytatólagos (flow) tartalom</a>.</td>
</tr>
<tr>
<th scope="row">Tag kihagyás</th>
<td>{{no_tag_omission}}</td>
</tr>
<tr>
<th scope="row">Megengedett szülők</th>
<td>Bármilyen elem, ami megengedi a <a href="/en-US/docs/HTML/Content_categories#Flow_content">folytatólagos tartalmat</a>. Megjegyzendő, hogy egy <code><article></code> elem nem lehet egy {{HTMLElement("address")}} elem leszármazottja.</td>
</tr>
<tr>
<th scope="row">Megengedett ARIA szerepek</th>
<td>{{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("feed")}}, {{ARIARole("main")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}}</td>
</tr>
<tr>
<th scope="row">DOM interfész</th>
<td>{{domxref("HTMLElement")}}</td>
</tr>
</tbody>
</table>
<h2 id="Attribútumok">Attribútumok</h2>
<p>Ez az elem csak a <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">globális attribútumokat tartalmazza</a>.</p>
<h2 id="Megjegyzések_a_használathoz">Megjegyzések a használathoz</h2>
<ul>
<li>Minden <code><article></code> elemet illene azonosítani egy belőle származtatott cím (heading) elemmel (<a href="/en-US/docs/Web/HTML/Element/Heading_Elements"><code><h1></code>-<code><h6></code></a> elemek).</li>
<li>Beágyazott <code><article></code> elem esetén, a belső cikk a külsőhöz tartozik. Példa lehet erre, ha a hozzászólások <code><article></code> elemekként vannak beágyazva egy blogbejegyzéshez, mely szintén <code><article></code> elemként jelenik meg.</li>
<li>Egy <code><article></code> elem szerzői adatait a {{HTMLElement("address")}} elemmel lehet megadni, de a beágyazott cikkek szerzőit külön is meg kell adni.</li>
<li>Egy <code><article></code> elem publikálási idejét a {{HTMLElement("time")}} elem {{htmlattrxref("datetime", "time")}} attribútumával lehet megadni. <em>Megjegyzendő, hogy a {{HTMLElement("time")}} elem {{htmlattrxref("pubdate", "time")}} attribútuma már nem része a W3C HTML 5 szabványnak.</em></li>
</ul>
<h2 id="Examples">Examples</h2>
<pre class="brush: html"><article class="film_review">
<header>
<h2>Jurassic Park</h2>
</header>
<section class="main_review">
<p>A dínók klasszak!</p>
</section>
<section class="user_reviews">
<article class="user_review">
<p>Túl félelmetes nekem.</p>
<footer>
<p>
Ekkor:
<time datetime="2015-05-16 19:00">Május 16</time>
Lisa írta.
</p>
</footer>
</article>
<article class="user_review">
<p>Egyetértek, a dínók a kedvenceim.</p>
<footer>
<p>
Ekkor:
<time datetime="2015-05-17 19:00">Május 17</time>
Tom írta.
</p>
</footer>
</article>
</section>
<footer>
<p>
Ekkor
<time datetime="2015-05-15 19:00">Május 15</time>
Staff írta.
</p>
</footer>
</article>
</pre>
<h2 id="Specifikációk">Specifikációk</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specifikáció</th>
<th scope="col">Állapot</th>
<th scope="col">Megjegyzés</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'semantics.html#the-article-element', '<article>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5.1', 'sections.html#the-article-element', '<article>')}}</td>
<td>{{Spec2('HTML5.1')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '<article>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Böngésző_kompatibilitás">Böngésző kompatibilitás</h2>
<div class="hidden">A kompatibilitási táblázat struktúrált adatokból jön létre ezen a lapon. Ha szeretnél hozzájárulni az adatokhoz, akkor kérjük, hogy töltsd le innen <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> és küldj egy pull request-et!</div>
<p>{{Compat("html.elements.article")}}</p>
<h2 id="Lásd_még">Lásd még</h2>
<ul>
<li>Egyéb, a szakaszokra osztáshoz kapcsolódó elemek: {{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">Egy HTML5 dokumentum szakaszai és külleme</a></li>
</ul>
|
