files/bn/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

---
title: <article>
slug: Web/HTML/Element/article
tags:
  - Element
  - HTML
  - HTML sections
  - HTML5
  - Reference
  - Web
translation_of: Web/HTML/Element/article
---
<p><em>HTML <code>&lt;article&gt;</code> এলিমেন্ট</em> ডকুমেন্ট, পেজ, অ্যাপ বা সাইটে একটি স্বয়ংসম্পূর্ণ প্রবন্ধ উপস্থাপন করে। এই প্রবন্ধটি স্বাধীনভাবে বিতরণযোগ্য বা পুনর্ব্যবহারযোগ্য, যেমনঃ syndication। এটা একটা ফোরাম পোস্ট হতে পারে, একটি ম্যাগাজিন বা পত্রিকার নিবন্ধ হতে পারে, একটি ব্লগ পোস্ট হতে পারে, মন্তব্য হতে পারে, একটি ইন্টারেক্টিভ উইজেট বা গ্যাজেট হতে পারে অথবা কন্টেন্ট এর একটি স্বাধীন উপকরণ হতে পারে।</p>
<div class="note">
 <p><strong>ব্যবহার নির্দেশিকাঃ</strong></p>
 <ul>
  <li>যখন একটি <code>&lt;article&gt;</code> এলিমেন্ট নেস্ট করা হয়, তখন ভেতরে থাকা এলিমেন্টটি একটি নিবন্ধ উপস্থাপন করে, যা বাইরের এলিমেন্টের সাথে সম্পর্কযুক্ত। উদাহরণ স্বরূপ, একটি ব্লগ পোস্টের কমেন্ট সমূহ <code>&lt;article&gt;</code> এলিমেন্টের মধ্যে নেস্ট করা <code>&lt;article&gt;</code> এলিমেন্ট হতে পারে, যেগুলো ব্লগ পোস্টটির সাথে সম্পর্কিত।</li>
  <li><code>&lt;article&gt;</code> এলিমেন্টের লেখকের তথ্য {{HTMLElement("address")}} এলিমেন্টের মাধ্যমে দেয়া যায়, কিন্তু আমরা আগেই জেনেছি যে, <code>&lt;article&gt;</code> এর মধ্যে <code>&lt;address&gt;</code> এলিমেন্ট নেস্ট করা যাবেনা।</li>
  <li><code>&lt;article&gt; এলিমেন্টের </code>প্রকাশের তারিখ এবং সময় {{HTMLElement("time")}} এলিমেন্টের {{htmlattrxref("pubdate", "time")}} অ্যাট্রিবিউট ব্যবহার করে লেখা যাবে।</li>
 </ul>
</div>
<ul class="htmlelt">
 <li><dfn><a class="new" href="/bn-BD/docs/Web/HTML/Content_categories">কন্টেন্ট ক্যাটাগরি</a></dfn> <a class="new" href="/bn-BD/docs/Web/HTML/Content_categories#Flow_content">ফ্লো কন্টেন্ট</a>, <a class="new" href="/docs/Web/HTML/Content_categories#Sectioning_content">সেকশনিং কন্টেন্ট</a>, পাল্পেবল কন্টেন্ট।</li>
 <li><dfn>অনুমোদিত কন্টেন্ট</dfn><a class="new" href="/bn-BD/docs/Web/HTML/Content_categories#Flow_content">ফ্লো কন্টেন্ট</a></li>
 <li><dfn>Tag omission</dfn> {{no_tag_omission}}</li>
 <li><dfn>অনুমোদিত প্যারেন্ট এলিমেন্ট সমূহ</dfn> যেকোনো এলিমেন্ট, যা <a class="new" href="/bn-BD/docs/Web/HTML/Content_categories#Flow_content">ফ্লো কন্টেন্ট</a> সমর্থন করে। তবে খেয়াল রাখবেন, <code>&lt;article&gt;</code> এলিমেন্ট কে কখনো {{HTMLElement("address")}}এলিমেন্ট এর ভেতরে ব্যবহার করা যাবে না।</li>
 <li><dfn>DOM ইন্টারফেস</dfn> {{domxref("HTMLElement")}}</li>
</ul>
<h2 id="অ্যাট্রিবিউট_সমূহ">অ্যাট্রিবিউট সমূহ</h2>
<p>এই এলিমেন্টের মধ্যে শুধু <a class="new" href="/bn-BD/docs/Web/HTML/Global_attributes">গ্লোবাল অ্যাট্রিবিউট সমূহ</a> ব্যবহার করা যাবে।</p>
<h2 id="উদাহরণ">উদাহরণ</h2>
<pre class="brush: html">&lt;article&gt;
  &lt;h4&gt;A really awesome article&lt;/h4&gt;
  &lt;p&gt;Lots of awesome text.&lt;/p&gt;
&lt;/article&gt;
</pre>
<h2 id="Specifications" name="Specifications">Specifications</h2>
<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</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 W3C', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>
<h2 id="ব্রাউজার_কম্প্যাটিবিলিটি">ব্রাউজার কম্প্যাটিবিলিটি</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>ফিচার</th>
    <th>ক্রোম</th>
    <th>ফায়ারফক্স (গেকো)</th>
    <th>ইন্টারনেট এক্সপ্লোরার</th>
    <th>অপেরা</th>
    <th>সাফারি</th>
   </tr>
   <tr>
    <td>মৌলিক সমর্থন</td>
    <td>৫</td>
    <td>{{CompatGeckoDesktop("2.0")}}</td>
    <td>৯.০</td>
    <td>১১.১০</td>
    <td>৪.১</td>
   </tr>
  </tbody>
 </table>
</div>
<div id="compat-mobile">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>ফিচার</th>
    <th>অ্যান্ড্রয়েড</th>
    <th>ফায়ারফক্স মোবাইল (গেকো)</th>
    <th>ইন্টারনেট এক্সপ্লোরার মোবাইল</th>
    <th>অপেরা মোবাইল</th>
    <th>সাফারি মোবাইল</th>
   </tr>
   <tr>
    <td>মৌলিক সমর্থন</td>
    <td>২.২</td>
    <td>{{CompatGeckoMobile("2.0")}}</td>
    <td>৯.০</td>
    <td>১১.০</td>
    <td>৫.০ (iOS ৪.২)</td>
   </tr>
  </tbody>
 </table>
</div>
<h2 id="আরও_দেখুন">আরও দেখুন</h2>
<ul>
 <li>&lt;article&gt; সংশ্লিষ্ট আরও কিছু এলিমেন্টঃ {{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="/bn-BD/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Sections and outlines of an HTML5 document</a>.</li>
</ul>
<p>{{ HTMLRef }}</p>