---
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>