تگهاي سرفصلHTML <h1> - <h6> Tags -
Previous > <Nextتگ هاي<h1> تا<h6> از جمله مهمترين عناصر HTML از نظر سئو ويا نمايه براي جستجوي مطالب است .اين تگ ها بيشتر به ترتيب اهميت براي سرفصلهاي اصلي وفرعي استفاده ميشوند .تگ<h1> براي سرفصل اصلي مثل عنوان سايت يا موضوع صفحات استفاده ميگردد .اين تگ براي هرمورد يك مرتبه استفاده ميشود، وبهتراست تكرار نگردد.
مثال ـ شش عنوان مختلف تگهاي<h1> - <h6>
<h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6>
تعريف وكاربردDefinition and Usage -
تگهاي<h1> - <h6> براي تعريف سرفصل ها در HTML استفاده ميشود .
تگ<h1> با اهميت ترين سرفصل وتگ<h6> كم اهميت ترين سرفصل ها را تعريف ميكنند.
توجه ـ براي هر صفحه فقط يك تگ<h1> استفاده نمائيد، محتوي آن عنوان يا موضوع اصلي سند ميباشد .همچنين از آن نگذريد ، چون آن با اهميت ترين سطح سرفصلي است .با توجه به سطح اهميت سرفصل به ترتيب از<h1> و<h2> و ... <h6>استفاده نمائيد .
اين اهميت بجزاين كه در مستندسازي براي كاربر مفيد ميباشد، در موتورهاي جستجو هم مد نظر قرار ميگيرد.
پشتيباني مرورگرBrowser Support -
| Element | 
| 
| 
| 
| 
|
|---|---|---|---|---|---|
| <h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
ويژگي هاي جهانيGlobal Attributes -
تگ<h1> تا <h6> از ويژگي هاي جهانيHTML پيروي ميكنند.
ويژگي هاي رويداديEvent Attributes -
تگ هاي فوق همچنين از ويژگي هاي رويدادي پيروي ميكنند.
مثالهاي بيشتر
مثال ـ تنظيم رنگ پس زمينه و متن براي سرفصل باCSS
<h1 style="background-color:DodgerBlue;">Hello World</h1> <h2 style="color:Tomato;">Hello World</h2>
مثال ـ تنظيم تراز سرفصل ها باCSS
h1 style="text-align:center">This is heading 1</h1> <h2 style="text-align:left">This is heading 2</h2> <h3style="text-align:right">This is heading 3</h3> <h4style="text-align:justify">This is heading 4</h4>
تنظيمات پيش فرضDefault CSS Settings -
اغلب مرورگرها نمايش عناصر<h1 > - <h6> مطابق تنظيمات پيش فرضي زيرانجام ميدهند .بدنبال براي هركدام موارد پيش فرضي با مثال آمده است.
مثال ـ تگ<h1>
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
مثال ـ پيش فرض<h2>
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
مثال ـ پيش فرض<h3>
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
مثال ـ پيش فرض<h4>
h4 {
display: block;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
مثال ـ پيش فرض<h5>
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
مثال ـ پيش فرض<h6>
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
مرجع كامل تگهايHTML
مرجع كامل ويژگيهايHTML
Previous > <Next