diff options
Diffstat (limited to 'files/hu/web/html/element/article/index.html')
| -rw-r--r-- | files/hu/web/html/element/article/index.html | 133 |
1 files changed, 133 insertions, 0 deletions
diff --git a/files/hu/web/html/element/article/index.html b/files/hu/web/html/element/article/index.html new file mode 100644 index 0000000000..025121f8e8 --- /dev/null +++ b/files/hu/web/html/element/article/index.html @@ -0,0 +1,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> |