سرفصل ها (Headings)
«سرفصل (Heading)» همان عنوان است. مثل عنوان فصل کتاب. با سرفصل ها، ساختار صفحه را نشان می دهیم. موتور جستجو هم بهتر می فهمد.
سرفصل ها چیست؟
سرفصل ها با تگ های <h1> تا <h6> تعریف می شوند. h1 مهم ترین است و h6 کم اهمیت ترین.
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
نکته: مرورگر قبل و بعد سرفصل ها فاصله خودکار می گذارد.
چرا سرفصل ها مهم اند؟
موتور جستجو با سرفصل ها، محتوا را شاخص گذاری می کند. کاربر هم سریع ورق می زند و تیترها را می بیند. با h1 شروع کن، سپس h2 و بعد h3.
هشدار: از سرفصل ها فقط برای عنوان استفاده کن؛ نه برای بزرگ و بولد کردن متن.
تغییر اندازه سرفصل با style
هر سرفصل اندازه پیش فرض دارد. با CSS و ویژگی «font-size» می توان اندازه را عوض کرد.
<h1 style="font-size:60px;">Heading 1</h1>
تمرین سریع
1) یک h1 برای عنوان صفحه بگذار. 2) بخش ها را با h2 بساز. 3) زیرعنوان های هر بخش را با h3 بنویس.
ادامه مسیر
برای ویژگی ها به ویژگی ها برو. سپس متن ها را در پاراگراف ها یاد بگیر. اگر تازه کاری، اول پایه ها را بخوان.
جمع بندی سریع
- h1 تا h6 ترتیب اهمیت را نشان می دهند.
- فقط یک h1 در هر صفحه بگذار.
- برای استایل از CSS استفاده کن.
- تیتر را برای عنوان به کار ببر، نه تزئین متن.
- ساختار منطقی، خوانایی و سئو را بهبود می دهد.