با عرض سلام خدمت تمامی دنبال کنندگان مباحث طراحی سایت با HTML از سری آموزش‌های سایت میزفا ، در جلسه گذشته به معرفی تگ hr پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ h1 تا h6 در HTML که به منظور ایجاد سرتیتر یا عنوان در HTML به کار میروند، آشنا نماییم.
سرفصل‌های پست
معرفی تگ h1 تا h6
از تگ های h1 تا h6 برای ایجاد یک تیتر یا عنوان در HTML استفاده می‌شود، به این تگ‌ها ، تگ‌های heading گفته می‌شود و در دسته‌ی تگ های قالب بندی متن جای می‌گیرند.
تگ های h1 تا h6 بر اساس درجه اهمیت در شش سایز (h1 , h2 , h3 , h4 , h5 , h6) استفاده می‌شوند و درجه اهمیت از h1 به h6 کاهش می‌یابد یعنی تگ h1 دارای بیشترین اهمیت و تگ h6 دارای کمترین اهمیت از دید موتورهای جست و جو است پس سعی کنید در استفاده از تگ ها در طراحی وبسایت خود نهایت دقت را داشته باشید.
برای درک بهتر کاربرد تگ های h1 تا h6 در طراحی سایت به مثال زیر توجه کنید :
<h1> Mizfa.com </h1> <h2> Mizfa.com </h2> <h3> Mizfa.com </h3> <h4> Mizfa.com </h4> <h5> Mizfa.com </h5> <h6> Mizfa.com </h6>
صفات تگ h1 تا h6
تگ های heading دارای صفت‌ھای class ، id ، style ، title ، dir ، lang و align ھستند که در جدول زیر به بررسی صفت های تگ h1 تا h6 خواھیم پرداخت:
| صفت ها | مقدار | توضیحات |
|---|---|---|
| align | left center right justify |
این صفت در HTML5 پشتیبانی نمی‌شود .
صفت align نحوه چینش متن درون تگ h1 تا h6 را کنترل میکند و چهار مقدار left ، center ، right و justify را به عنوان مقدار می‌پذیرد .
|
بقیه صفت ھا نیز جزء صفات عمومی ھستند که قبلا آنھا را معرفی کرده ایم.
نکات تکمیلی در مورد تگ h1 تا h6
- تگ h1 تا h6 توسط تمامی مرورگرها پشتیبانی می‌شوند .
- تمامی مرورگرها به صورت پیش فرض تگ های h1 تا h6 را به صورت درون خطی یا inline level نمایش می‌دهند .
نقش واهمیت تگ h1 تا h6 در سئو سایت
توجه داشته باشید که تگ های h1 تا h6 در سئو و بهینه سازی سایت بسیار اهمیت دارند و برای فهماندن قسمت‌های مهم سایت به موتورهای جست و جو از این تگ‌ها استفاده می‌شود. برای آشنایی بیشتر با مباحث بهینه سازی و سئو پیشنهاد می‌کنم مقالات آموزشی سئو سایت میزفا را به هیچ عنوان از دست ندهید.
تگ H1 در SEO
برای نمایش عنوان صفحه در سند HTML باید از تگ H1 استفاده نمایید. توجه داشته باشید که بسیار پر اهمیت است که حداقل و حداکثر یک تگ H1 در صفحه شما باید موجود باشد، نه کمتر و نه بیشتر فقط و فقط یک تگ H1.
تگ H2 تا H6 در SEO
در هر سند HTML بهتر است که از تگ های زیر مجموعه تگ H1 نیز استفاده کنید و تگ های H2 را به عنوان تیتر های اصلی و تگ های H3 را به عنوان تیتر های فرعی و زیر مجموعه تیتر های H2 استفاده نمایید. همچنین از تگ های تیتر کم اهمیت تر نیز می‌توانید استفاده کنید.
پایانترم
[box type=”info” class=”question-from-users” width=””]سوال:
برای عبارات زیر، تگ های تیتر صحیح را مشخص کنید.
عنوان اصلی : آموزش کار با Cpanel
تیتر های اصلی : ۱ – فایل منیجر ۲ – دیتابیس ۳ – سرویس ایمیل
به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)
[/box]نتیجه گیری
خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML می‌پردازیم. درصورتی که سوالی داشتید حتما در قسمت نظرات این مقاله آموزشی مطرح کنید.
