در قسمت دوم از مجموعه آموزشهای HTML با تگ پاراگراف آشنا شدید. در سومین بخش از این مجموعه به سراغ تگ عناوین رفتهایم. با کمک این تگها میتوانید عنوانهایی را برای متنهای صفحاتتان طراحی نمایید.
از تگ عناوین برای نوشتن عنوان در متن استفاده میشود. جمع بستن آنها به این علت است که این تگها در واقع 6 تا هستند و تفاوت آنها در اندازه آنهاست و به ترتیب از بزرگ به کوچک تبدیل و شماره گذاری میشوند.
برای ایجاد یک عنوان بزرگ از تگ <h1/> متن عنوان <h1>
استفاده میگردد. همانطور که گفتیم تگهای h دارای شش گزینه هستند که به ترتیب از <h1>
شروع و به <h6/>متن عنوان<h6>
ختم میشوند. تگ <h1>
از نظر اندازه بزرگترین اندازه را دارد و <h6>
کوچکترین اندازه را. البته ویژگیهایی همچون پررنگ بودن در همگی آنها یکسان است.
نحوه استفاده از این تگ نیز همانند باقی تگهای HTML است. یک تگ شروع کننده و یک تگ تمام کننده که در خود یک /
دارد. برای مثال:
<h1>این عنوان با اندازه h1 است <h1/> <h2>این عنوان با اندازه h2 است<h2/> <h3>این عنوان با اندازه h3 است<h3/> ... <h6>این عنوان با اندازه h6 (برای عناوین با اهمیت کمتر) است<h6/>
عناوین در زبان اچ تی ام ال از اهمیت بسیار زیادی برخوردار هستند. چرا که موتورهای جستجو برای ایندکس کردن سایت شما از عناوین به عنوان یکی از المانهای مهم استفاده میکنند. همچنین تا حد امکان سعی کنید تا از عناوین برای بولد کردن کلمات در متن استفاده نکنید، چرا که آن ها تگ مخصوص خود را دارند و به آن تگ <b> میگوییم (در رابطه با این تگ بعدا بیشتر خواهیم گفت).
علاوه بر این, ترتیب در استفاده از عناوین هم مهم است. در واقع مهمترین مطالب با <h1>
و مطالب زیر مجموعه و با اهمیت پایینتر با <h2>
و به ترتیب کم اهمیت ترین عناوین با <h6>
نوشته میشوند.
پیشنهاد: از <h2>
برای عناوین مهم استفاده کنید.
در این قسمت چیزهایی که یادگرفتهایم را به صورت کاملا خلاصه مرور میکنیم.
<h1>
بزرگترین تا <h6>
کوچکترین دسته بندی میشوند.منبع : زومیت
پیوندها
[1] https://www.asrepayesh.com/category/28/%D8%AF%D8%A7%D9%86%D8%B4%D9%86%D8%A7%D9%85%D9%87
[2] https://www.asrepayesh.com/category/232/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C
[3] https://www.asrepayesh.com/category/235/%D8%B2%D8%A8%D8%A7%D9%86-%D9%87%D8%A7
[4] https://www.asrepayesh.com/category/287/%D8%B2%D8%A8%D8%A7%D9%86-html