files/fa/web/html/element/heading_elements/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

---
title: Heading elements
slug: Web/HTML/Element/Heading_Elements
translation_of: Web/HTML/Element/Heading_Elements
---
<h2 dir="rtl" id="خلاصه">خلاصه</h2>
<p dir="rtl">عنصر<strong> سرفصل</strong> در شش سطح برای سر فصل گذاری پیاده سازی شده است , &lt;h1&gt; برای مهم ترین(برجسته ترین) و &lt;h6&gt; برای کم اهمیت ترین. عنصر سر فصل به طور خلاصه موضوع اصلی بخش را معرفی می کند.</p>
<p>Heading information may be used by user agents, for example, to construct a table of contents for a document automatically.</p>
<ul class="htmlelt" dir="rtl">
  <li dir="ltr"><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, heading content, palpable content.</li>
  <li dir="ltr"><dfn>Permitted content</dfn> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</li>
  <li dir="ltr"><dfn>Tag omission</dfn> {{no_tag_omission}}</li>
  <li dir="ltr"><dfn>Permitted parent elements</dfn> Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">flow content</a>; or as a child of an {{HTMLElement("hgroup")}} element</li>
  <li dir="ltr"><dfn>DOM interface</dfn> {{domxref("HTMLHeadingElement")}}</li>
</ul>
<h2 dir="rtl" id="صفات">صفات</h2>
<p dir="rtl"><span style="line-height: 21px;">این عنصر ها شامل </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">صفات سراسری</a><span style="line-height: 21px;"> میشوند. </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes"> </a></p>
<p dir="rtl">صفت <strong>align</strong>  یک صفت {{deprecated_inline}} در {{HTMLVersionInline(4.01)}} و {{obsolete_inline}} در {{HTMLVersionInline(5)}} است.</p>
<h2 dir="rtl" id="مثال_ها">مثال ها</h2>
<h3 dir="rtl" id="تمام_سرفصل_ها">تمام سرفصل ها</h3>
<pre class="brush: html" dir="rtl">&lt;h1&gt;Heading level 1&lt;/h1&gt;
&lt;h2&gt;Heading level 2&lt;/h2&gt;
&lt;h3&gt;Heading level 3&lt;/h3&gt;
&lt;h4&gt;Heading level 4&lt;/h4&gt;
&lt;h5&gt;Heading level 5&lt;/h5&gt;
&lt;h6&gt;Heading level 6&lt;/h6&gt;
</pre>
<p dir="rtl">خروجی کد HTML بالا :</p>
<p dir="rtl"><img alt="Image:HTML-headers2.png" src="/@api/deki/files/245/=HTML-headers2.png" style="float: left;"></p>
<p dir="rtl"> </p>
<p dir="rtl"> </p>
<p dir="rtl"> </p>
<p dir="rtl"> </p>
<h3 dir="rtl" id="sect1"> </h3>
<h3 dir="rtl" id="مثال_در_صفحه">مثال در صفحه :</h3>
<pre class="brush: html">&lt;h1&gt;Heading elements&lt;/h1&gt;
&lt;h2&gt;Summary&lt;/h2&gt;
&lt;p&gt;Some text here...&lt;/p&gt;

&lt;h2&gt;Examples&lt;/h2&gt;
&lt;h3&gt;Example 1&lt;/h3&gt;
&lt;p&gt;Some text here...&lt;/p&gt;

&lt;h3&gt;Example 2&lt;/h3&gt;
&lt;p&gt;Some text here...&lt;/p&gt;

&lt;h2&gt;see also&lt;/h2&gt;
&lt;p&gt;Some text here...&lt;/p&gt;
</pre>
<p>خروجی کد HTML بالا :</p>
<p><img alt="Image:HTML-headers1.png" src="/@api/deki/files/244/=HTML-headers1.png" style="float: left;"></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h2 dir="rtl" id="توجه">توجه</h2>
<p dir="rtl">از سطح های پایین برای کوچک کردن اندازه فونت سرفصل <strong>استفاده</strong> <strong>نکنید</strong>: به جای آن از ویژگی اندازه فونت در <a href="/en-US/docs/CSS/font-size" title="/en-US/docs/CSS/font-size">CSS font-size</a> CSS استفاده کنید.</p>
<p dir="rtl"> از همه سطح ها استفاده کنید : همیشه از سطح ۱  &lt;h1&gt; شروع کنید، بعد سطح ۲ &lt;h2&gt; و به همین ترتیب تا آخر ... . همچنین سعی کنید در هر صفحه فقط یک بار از سطح ۱ &lt;h1&gt;  برای سر فصل استفاده کنید.</p>
<p dir="rtl">برای تعریف نمای کلی (outline) اسناد در {{HTMLVersionInline(5)}}, از {{HTMLElement("section")}} استفاده کنید . سرفصل ها برای بخش ها و زیر بخش ها عنوان را مشخص می کنند. شما همچنین می توانید محتوای سرفصل ها را گروه بندی کنید با استفاده از عنصر {{HTMLElement("div")}}.</p>
<h2 dir="rtl" id="Specifications" name="Specifications">مشخصات</h2>
<table class="standard-table" dir="rtl">
  <thead>
    <tr>
      <th scope="col">مشخصات</th>
      <th scope="col">وضعیت</th>
      <th scope="col">توضیحات</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('HTML WHATWG', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '&lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, and &lt;h6&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td> </td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'the-aside-element.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '&lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, and &lt;h6&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td> </td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'global.html#h-7.5.5', '&lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, and &lt;h6&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td> </td>
    </tr>
  </tbody>
</table>
<h2 dir="rtl" id="سازگاری_در_مرورگرها">سازگاری در مرورگرها</h2>
<p dir="rtl">{{CompatibilityTable}}</p>
<div dir="rtl" id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>ویژگی</th>
        <th>کروم</th>
        <th>فایرفاکس (Gecko)</th>
        <th>اینترنت اکسپلورر</th>
        <th>اپرا</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>پشتیبانی اولیه</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoDesktop("1.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<div dir="rtl" id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>ویژگی</th>
        <th>اندروید</th>
        <th>فایرفاکس موبایل (Gecko)</th>
        <th>اینترنت اکسپلورر موبایل</th>
        <th>اپرا موبایل</th>
        <th>Safari موبابل</th>
      </tr>
      <tr>
        <td>پشتیبانی اولیه</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 dir="rtl" id="همچنین_ببینید">همچنین ببینید</h2>
<ul dir="rtl">
  <li>{{HTMLElement("p")}}</li>
  <li>{{HTMLElement("div")}}</li>
  <li>{{HTMLElement("section")}}</li>
</ul>
<p dir="rtl">{{HTML:Element_Navigation}}</p>