سرفصل ها در HTML (HTML Headings)
سرفصل یا Heading در HTML برای نمایش عنوان یا زیرعنوان در یک صفحه وب استفاده می شود. سرفصل ها از <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>
نکته: مرورگرها به طور پیش فرض قبل و بعد از سرفصل ها فاصله (margin) اضافه می کنند.
اهمیت سرفصل ها
موتورهای جستجو از سرفصل ها برای درک ساختار صفحه استفاده می کنند. کاربران نیز هنگام مرور سریع، به سرفصل ها توجه می کنند. بنابراین استفاده درست از سرفصل ها برای سئو و خوانایی بسیار مهم است.
هشدار: سرفصل ها را فقط برای عنوان ها به کار ببرید و از آن ها برای بزرگ یا پررنگ کردن متن استفاده نکنید.
بزرگ تر کردن سرفصل ها
هر سرفصل اندازه پیش فرض دارد. با استفاده از ویژگی style
و خاصیت CSS font-size
می توانید اندازه دلخواه را مشخص کنید:
<h1 style="font-size:60px;">Heading 1</h1>
خلاصه فصل
- سرفصل ها با
<h1>
تا<h6>
تعریف می شوند. <h1>
مهم ترین و<h6>
کم اهمیت ترین است.- سرفصل ها به بهبود سئو و تجربه کاربری کمک می کنند.
- اندازه پیش فرض را می توان با CSS تغییر داد.
برای ادامه یادگیری، بخش ویژگی ها (Attributes) و پاراگراف ها (Paragraphs) را مطالعه کنید.