آموزشآموزش HTMLاموزش htmlمقاله
موضوعات داغ

آموزش HTML – بخش سوم: تگ‌‌های عنوان

1398/6/26

در قسمت دوم از مجموعه آموزش HTML با تگ پاراگراف آشنا شدید.
در سومین بخش از این مجموعه به سراغ
تگ عناوین رفته‌ایم. با کمک این تگ‌ها می‌توانید
عنوان‌هایی را برای متن‌های صفحات‌تان طراحی نمایید.

با همراه یار همراه باشید.

تگ عناوین (h)

از تگ عناوین برای نوشتن عنوان در متن استفاده می‌شود. جمع بستن آن‌ها به این علت است که این تگ‌ها در واقع  ۶ تا هستند و تفاوت آن‌ها در اندازه آن‌هاست و  به ترتیب از بزرگ به کوچک تبدیل و شماره گذاری می‌شوند.

برای ایجاد یک عنوان بزرگ از تگ <h1/>  متن عنوان <h1>استفاده می‌گردد. همانطور که گفتیم تگ‌های h دارای شش گزینه هستند که به ترتیب از <h1> شروع و به <h6/>متن عنوان<h6>ختم می‌شوند. تگ <h1> از نظر اندازه بزرگترین اندازه را دارد و <h6>کوچکترین اندازه را. البته  ویژگی‌هایی همچون پررنگ بودن در همگی آن‌ها یکسان است.

آموزش html

نحوه استفاده از این تگ نیز همانند باقی تگ‌های HTML است.
یک تگ شروع کننده و یک تگ تمام کننده که در خود یک / دارد.
برای مثال:

نمونه کد

<h1>این عنوان با اندازه h1 است <h1/>

<h2>این عنوان با اندازه h2 است<h2/>

<h3>این عنوان با اندازه h3 است<h3/>

<h6>این عنوان با اندازه h6 (برای عناوین با اهمیت کمتر) است<h6/>

خروجی کد بالا در مرورگر

 

این عنوان با اندازه h1 است

این عنوان با اندازه h2 است

این عنوان با اندازه h3 است

این عنوان با اندازه h6 (برای عناوین با اهمیت کمتر) است

اهمیت عناوین:

عناوین در زبان اچ تی ام ال از اهمیت بسیار زیادی برخوردار هستند.
چرا که موتورهای جستجو برای ایندکس کردن سایت
شما از عناوین به عنوان یکی از المان‌های مهم استفاده می‌کنند.
همچنین تا حد امکان سعی کنید تا از عناوین
برای بولد کردن کلمات در متن استفاده نکنید،
چرا که آن ها تگ مخصوص خود را دارند و
به آن تگ <b> می‌گوییم (در رابطه با این تگ بعدا بیشتر خواهیم گفت).

علاوه  بر این, ترتیب در استفاده از  عناوین هم مهم است. در واقع مهمترین مطالب با <h1> و مطالب زیر مجموعه و با اهمیت پایین‌تر با<h2> و به ترتیب کم اهمیت ترین عناوین‌ با <h6> نوشته می‌شوند.

پیشنهاد: از <h2> برای عناوین مهم استفاده کنید.

خلاصه قسمت دوم:

در این قسمت چیزهایی که یادگرفته‌ایم را به صورت کاملا خلاصه مرور می‌کنیم.

در سومین قسمت از سری آموزش HTML با نحوه ایجاد یک عنوان در صفحه اچ‌تی‌ام ال آشنا شدیم.

در ادامه با انواع عنوان‌ها آشنا شدیم که از <h1> بزرگترین تا <h6> کوچکترین دسته بندی می‌‌شوند.

همچنین متوجه شدیم که عناوین با شماره کمتر و ابعاد بزرگ‌تر باید برای موضوعات مهم و عناوین کوچک‌تر برای موضوعات کم اهمیت به کار روند.

همچنین یادگرفتیم که گوگل در هنگام جستجو به عناوین و هدینگ‌ها نیز اهمیت می‌دهد.

نوشته شده توسط : امیرمحمد مسعودی

کانال تلگرامی سایت بزرگ همراه یار

برچسب ها

امیرمحمد مسعودی

امیرمحمد مسعودی ساکن قم. اگر علاقه مند به امنیت هستید حتما پست های من را در سایت بزرگ همراه یار دنبال کنید. بزودی آموزش های زبان های برنامه نویسی و آموزش طراحی سایت گذاشته میشود.

نوشته های مشابه

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا