HTML5 مقدماتی

آموزش HTML – آشنایی با سرعنوان های HTML

آموزش HTML5
آموزش HTML5

آموزش HTML – آشنایی با سرعنوان های HTML

سر عنوان ها(heading) در HTML یکی از خصوصیت‌های مهم می‌باشند ، سرعنوان ها از تگ <h1> شروع و در تگ <h6> خاتمه پیدا می کند. سرعنوان <h1> معرف مهمترین سرعنوان و <h6> معرف کم ارزشترین سرعنوان می باشند .

لطفا به مثال زیر توجه فرمایید :

نتیجه کد های بالا به صورت زیر خواهد بود :

آموزش HTML – آشنایی با سرعنوان های HTML
آموزش HTML – آشنایی با سرعنوان های HTML

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

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

سرعنوان ها به موتور های جستجو و همچنین کاربران می فهمانند که این متن تیتر و عنوان اصلی می باشد .

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

آموزش HTML – آشنایی با سرعنوان های HTML

آموزش HTML – آشنایی با سرعنوان های HTML

به هیچ عنوان از سرعنوان ها برای بزرگ یا کوچک کردن متن ها استفاده نکنید، برای بزرگ یا کوچک کردن از خاصیت Bold و Font size استفاده کنید و از سرعنوان ها برای عنوان های صفحه خود استفاده کنید .

توجه کنید که موتور های جستجو برای شاخص کردن ساختار و محتوای صفحه از سرعنوان ها استفاده می‌کنند پس این موضوع را همیشه در ذهن خود نگهدارید که باید مطالب مهم با <h1> و به ترتیب هر چه عنوان صفحه کم اهمیت‌تر می‌شود سرعنوان هم باشد کوچک‌تر شود.

پیروز باشید، طراح باشی


پیروز باشید!
طراح باشی

درباره نویسنده

طراح‌باشی

نوشتن دیدگاه

برای نوشتن دیدگاه کلیک کنید

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

پربازدیدها