سرفصل ها (h1–h6)
سرفصل ها (Headings) تیترهای صفحه هستند. تگ های h1 تا h6 اهمیت را نشان می دهند. h1 مهم ترین است. h6 کم اهمیت ترین است. مثل عنوان فصل و زیرعنوان های کتاب درسی.
تعریف و کاربرد سرفصل ها
طبق منبع، h1 تا h6 تیترها را تعریف می کنند. فقط یک h1 بگذار. پس سطح ها را رد نکن. از h1 شروع کن. سپس h2 و بعدی ها.
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
استایل دهی سریع سرفصل ها
می توانی رنگ و چیدمان را با CSS تغییر دهی. این کار ظاهر تیتر را بهتر می کند. مثل برجسته کردن تیتر انشا.
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello World</h2>
<h1 style="text-align:center">Centered heading</h1>
<h2 style="text-align:left">Left heading</h2>
<h3 style="text-align:right">Right heading</h3>
<h4 style="text-align:justify">Justified heading</h4>
راهنمای سطح بندی صحیح
- اول h1 را برای موضوع اصلی بگذار.
- بعد از h1، برای بخش ها h2 بگذار.
- زیرِ h2، زیرعنوان ها را با h3 ادامه بده.
- سطح ها را پله پله جلو ببر. پرش نکن.
نکته: برای ساختار بهتر، از تگ head برای متاها استفاده کن. همچنین لینک سرفصل ها را به عنوان مرجع داخلی نگه دار.
مقادیر پیش فرض مرورگر
مرورگرها اندازه، فاصله، و ضخامت پیش فرض دارند. این ها در مثال های پیش فرض منبع نشان داده شده اند.
جمع بندی سریع
- یک h1 کافی است.
- سطح ها را پیاپی رعایت کن.
- ظاهر را با CSS تنظیم کن.
- تیتر واضح، خوانایی را بالا می برد.