تگ h1 تا h6 در HTML

تگ h1 تا تگ h6
معرفی تگ h1 تا تگ h6

با عرض سلام خدمت تمامی دنبال کنندگان مباحث طراحی سایت با 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
نتیجه کد بالا

 

صفات تگ 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 را به عنوان مقدار می‌پذیرد .

  • left : متن داخل تگ‌های heading در سمت چپ صفحه قرار می‌دهد.
  • right : متن داخل تگ‌های heading در وسط صفحه قرار می‌دهد.
  • center : متن داخل تگ‌های heading را در سمت راست صفحه قرار می‌دهد.
  • justify : متن داخل تگ‌های heading را از ھر دو طرف تراز می‌کند.

بقیه صفت ھا نیز جزء صفات عمومی ھستند که قبلا آنھا را معرفی کرده ایم.

نکات تکمیلی در مورد تگ 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 می‌پردازیم. درصورتی که سوالی داشتید حتما در قسمت نظرات این مقاله آموزشی مطرح کنید.

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

44 نظر

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر