آموزش تگ های h1 تا h6 در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ های h1 تا h6 در HTML با من همراه باشید.

آموزش تگ های h1 تا h6 در HTML

Free-Learn

تگ های H1 تا H6 در HTML

تگ های h1 تا h6 یا معروف به تگ های تیتر یا تگ های هدینگ ، از مهمترین تگ های زبان HTML برای تعریف / ایجاد عناوین یا تیترها در یک صفحه ی وب می باشد.

بطور کلی بدانید با استفاده از این تگ ها ( تگ های تیتر یا تگ های هدینگ ) میتوانیم عناوین یا تیترهای موجود در مطالب مون رو ایجاد نماییم.

بنده کمی قبلتر در یک مطلب/پست (تا جایی که نیاز بود) اینکه تگ های تیتر چه هستند و چجوری باید ازشون استفاده نمایید و همچنین نحوه استفاده از تگ های تیتر در وردپرس و… را بطور کامل آموزش دادم که پیشنهاد میکنم حتما از طریق لینک زیر این مطلب را مشاهده نمایید.

آموزش تگ های تیتر یا تگ های هدینگ را در HTML مشاهده نمایید.

Free-Learn

مثال از تگ های h1 تا h6 در HTML

در ادامه میتوانید یک مثال از این تگ ها را مشاهده نمایید.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ h1-h6 در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ های h1 تا h6 در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

نام صفت مقدار توضیح
align left
center
right
justify
تراز متن یا موقعیت قرارگیری محتوای این تگ های را مشخص میکند. ()

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ h1-h6 از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

صفت align که در جدول بالا مشاهده مینمایید برای تگ های h1-h6 در HTML5 منسوخ شده و پشتیبانی نمی شود لذا باید از CSS بجای این صفت استفاده نمایید.

مثال : استفاده از CSS بجای صفت align در تگ های تیتر

امتحان کنید

تگ های تیتر یا هدینگ یا H1-H6 ، در یک صفحه ی وب از نظر سئوی محتوایی بسیار (بسیار) مهم می باشند ، به گونه ای که موتورهای جستجوگر همچون (گوگل و..) از طریق همین تگ ها میتوانند به محتوای یک وبسایت دسترسی پیدا نمایند.

تگ های تیتر یا هدینگ در حالت پیش فرض اندازه هاشون بزرگ و پررنگ می باشند ولی به راحتی با استفاده از CSS میتوان این تگ ها را هم از نظر اندازه و هم رنگ و.. تغییر داد.

مثال : تغییر اندازه تگ های تیتر با استفاده از CSS

امتحان کنید

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ های h1 تا h6 را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.







Free-Learn