۴.تگ <h1>
بزرگترین تیتر♨️
تگ h1 یعنی Heading 1؛ مهمترین و بزرگترین عنوان صفحه
مثل تیتر درشت روزنامه یا اسم فیلم روی پوسترش
کارکرد = نمایانگر موضوع سایت
نشون میده موضوع اصلی صفحه چیه
🔸نکته سئو (SEO): گوگل اول از همه به h1 صفحه نگاه میکنه تا بفهمه صفحه دربارهی چیه! پس بهتره در هر صفحه فقط یک h1 داشته باشیم.
🔸خانوادهاش: h1 تا h6 داریم که هرچی عدد بزرگتر بشه، عنوان کوچیکتره (h2 برای زیرتیترها، h3 برای زیرمجموعه هاشون و…)
۵.تگ <h2> تا <h6>
زیرتیتر ها و سلسلهمراتب🔗
در روز قبل، <h1> رو یاد گرفتی که «شاهتیتر» یا عنوان اصلی صفحه بود. اما هیچ مقالهای یا صفحهای فقط یک عنوان نداره؛ ما به زیرتیتر نیاز داریم تا مطالب رو دستهبندی کنیم!
کارکرد = تقسیم محتوا
🔸قانون سلسلهمراتب:
تگ <h1> اصلیترین موضوعه.
تگ <h2> برای بخشهای اصلی
تگ <h3> برای زیرمجموعه اون بخش
و به همین ترتیب تا <h6> که کوچکترین عنوان هست.
🔸نکته مهم: هرگز از این تگها فقط برای “بزرگ کردن متن” استفاده نکن! ازشون فقط برای ساختاردهی به متن استفاده کن.
۶. تگ <p>
پاراگراف / بدنه متن🖌
تگ <p> مخفف Paragraph هست و برای نوشتن متنهای معمولی استفاده میشه
کارکرد = نوشتن متن
هر متنی که میخوای کاربر بخونه (توضیحات، داستان، مقاله و…) رو باید داخل این تگ بذاری
🔸ویژگی جالب: مرورگر به صورت خودکار قبل و بعد از تگ <p> کمی فضای خالی (Margin) ایجاد میکنه تا پاراگرافها از هم جدا بشن و متنها به هم نچسبن و خوانایی بالا بره.