Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 363787 of Heading elements

  • Revision slug: HTML/Element/Heading_Elements
  • Revision title: Heading elements
  • Revision id: 363787
  • Created:
  • Creator: glad
  • Is current revision? خیر
  • توضیح

Revision Content

خلاصه

عنصر سرفصل در شش سطح برای سر فصل گذاری پیاده سازی شده است , <h1> برای مهم ترین(برجسته ترین) و <h6> برای کم اهمیت ترین. عنصر سر فصل به طور خلاصه موضوع اصلی بخش را معرفی می کند.

Heading information may be used by user agents, for example, to construct a table of contents for a document automatically.

  • Content categories Flow content, heading content, palpable content.
  • Permitted content Phrasing content.
  • Tag omission {{no_tag_omission}}
  • Permitted parent elements Any element that accepts flow content; or as a child of an {{HTMLElement("hgroup")}} element
  • DOM interface {{domxref("HTMLHeadingElement")}}

صفات

این عنصر ها شامل صفات سراسری میشوند. 

صفت align  یک صفت {{deprecated_inline}} در {{HTMLVersionInline(4.01)}} و {{obsolete_inline}} در {{HTMLVersionInline(5)}} است.

مثال ها

تمام سرفصل ها

<h1>سرفصل سطح ۱</h1>
<h2>سرفصل سطح ۲</h2>
<h3>سرفصل سطح ۳</h3>
<h4>سرفصل سطح ۴</h4>
<h5>سرفصل سطح ۵</h5>
<h6>سرفصل سطح ۶</h6>

خروجی کد HTML بالا :

Image:HTML-headers2.png

مثال در صفحه :

<h1>عنصر سرفصل</h1>
<h2>خلاصه</h2>
<p>متن اینجا وجود دارد... </p>

<h2>مثال ها </h2>
<h3>مثال ۱</h3>
<p>متن اینجا وجود دارد...</p>

<h3>مثال ۲</h3>
<p>متن اینجا وجود دارد...</p>

<h2>همچنین ببینید</h2>
<p>متن اینجا وجود دارد...</p>

خروجی کد HTML بالا :

Image:HTML-headers1.png

توجه

از سطح های پایین برای کوچک کردن اندازه فونت سرفصل استفاده نکنید: به جای آن از ویژگی اندازه فونت در CSS font-size CSS استفاده کنید.

اجتناب کنید از استفاده  نکردن برخی سطح ها : همیشه از سطح ۱  <h1> شروع کنید، بعد سطح ۲ <h2> و به همین ترتیب تا آخر ... . همچنین سعی کنید در هر صفحه فقط یک بار از سطح ۱ <h1>  برای سر فصل استفاده کنید.

در {{HTMLVersionInline(5)}}, استفاده کنید از {{HTMLElement("section")}} برای تعریف نمای کلی اسناد. سرفصل ها برای بخش ها و زیر بخش ها عنوان را مشخص می کنند. شما همچنین می توانید محتوای سرفصل ها را گروه بندی کنید با استفاده از عنصر {{HTMLElement("div")}}.

مشخصات

مشخصات وضعیت توضیحات
{{SpecName('HTML WHATWG', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'the-aside-element.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'global.html#h-7.5.5', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}} {{Spec2('HTML4.01')}}  

سازگاری در مرورگرها

{{CompatibilityTable}}

ویژگی کروم فایرفاکس (Gecko) اینترنت اکسپلورر اپرا Safari
پشتیبانی اولیه {{CompatVersionUnknown}} {{CompatGeckoDesktop("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
ویژگی اندروید فایرفاکس موبایل (Gecko) اینترنت اکسپلورر موبایل اپرا موبایل Safari موبابل
پشتیبانی اولیه {{CompatVersionUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}

همچنین ببینید

  • {{HTMLElement("p")}}
  • {{HTMLElement("div")}}
  • {{HTMLElement("section")}}

{{HTML:Element_Navigation}}

Revision Source

<h2 dir="rtl" id=".D8.AE.D9.84.D8.A7.D8.B5.D9.87">خلاصه</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=".D8.B5.D9.81.D8.A7.D8.AA">صفات</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;"> میشوند.&nbsp;</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>&nbsp; یک صفت {{deprecated_inline}} در {{HTMLVersionInline(4.01)}} و {{obsolete_inline}} در {{HTMLVersionInline(5)}} است.</p>
<h2 dir="rtl" id=".D9.85.D8.AB.D8.A7.D9.84_.D9.87.D8.A7">مثال ها</h2>
<h3 dir="rtl" id=".D8.AA.D9.85.D8.A7.D9.85_.D8.B3.D8.B1.D9.81.D8.B5.D9.84_.D9.87.D8.A7">تمام سرفصل ها</h3>
<pre class="brush: html">
&lt;h1&gt;سرفصل سطح ۱&lt;/h1&gt;
&lt;h2&gt;سرفصل سطح ۲&lt;/h2&gt;
&lt;h3&gt;سرفصل سطح ۳&lt;/h3&gt;
&lt;h4&gt;سرفصل سطح ۴&lt;/h4&gt;
&lt;h5&gt;سرفصل سطح ۵&lt;/h5&gt;
&lt;h6&gt;سرفصل سطح ۶&lt;/h6&gt;
</pre>
<p>خروجی کد HTML بالا :</p>
<p><img alt="Image:HTML-headers2.png" src="/@api/deki/files/245/=HTML-headers2.png" /></p>
<h3 dir="rtl" id=".D9.85.D8.AB.D8.A7.D9.84_.D8.AF.D8.B1_.D8.B5.D9.81.D8.AD.D9.87_.3A">مثال در صفحه :</h3>
<pre class="brush: html">
&lt;h1&gt;عنصر سرفصل&lt;/h1&gt;
&lt;h2&gt;خلاصه&lt;/h2&gt;
&lt;p&gt;متن اینجا وجود دارد... &lt;/p&gt;

&lt;h2&gt;مثال ها &lt;/h2&gt;
&lt;h3&gt;مثال ۱&lt;/h3&gt;
&lt;p&gt;متن اینجا وجود دارد...&lt;/p&gt;

&lt;h3&gt;مثال ۲&lt;/h3&gt;
&lt;p&gt;متن اینجا وجود دارد...&lt;/p&gt;

&lt;h2&gt;همچنین ببینید&lt;/h2&gt;
&lt;p&gt;متن اینجا وجود دارد...&lt;/p&gt;
</pre>
<p>خروجی کد HTML بالا :</p>
<p><img alt="Image:HTML-headers1.png" src="/@api/deki/files/244/=HTML-headers1.png" /></p>
<h2 dir="rtl" id=".D8.AA.D9.88.D8.AC.D9.87">توجه</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">اجتناب کنید از استفاده&nbsp; نکردن برخی سطح ها : همیشه از سطح ۱&nbsp; &lt;h1&gt; شروع کنید، بعد سطح ۲ &lt;h2&gt; و به همین ترتیب تا آخر ... . همچنین سعی کنید در هر صفحه فقط یک بار از سطح ۱ &lt;h1&gt;&nbsp; برای سر فصل استفاده کنید.</p>
<p dir="rtl">در {{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>&nbsp;</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>&nbsp;</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>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 dir="rtl" id=".D8.B3.D8.A7.D8.B2.DA.AF.D8.A7.D8.B1.DB.8C_.D8.AF.D8.B1_.D9.85.D8.B1.D9.88.D8.B1.DA.AF.D8.B1.D9.87.D8.A7">سازگاری در مرورگرها</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=".D9.87.D9.85.DA.86.D9.86.DB.8C.D9.86_.D8.A8.D8.A8.DB.8C.D9.86.DB.8C.D8.AF">همچنین ببینید</h2>
<ul dir="rtl">
  <li>{{HTMLElement("p")}}</li>
  <li>{{HTMLElement("div")}}</li>
  <li>{{HTMLElement("section")}}</li>
</ul>
<p dir="rtl">{{HTML:Element_Navigation}}</p>
Revert to this revision