کسب در آمد از فورکیا
 عنوان ها یا هدینگز

عنوان ها یا هدینگز


عناوین با تگ های <h1> تا <h6> تعریف می شوند. <h1> مهمترین عنوان و <h6> کم اهمیتترین عنوان را تعریف می کند. به یاد داشته باشید که مرورگرهای یک فضای خالی (سفید) یا همان حاشیه را به دور عناوین ایجاد می کنند.

<!DOCTYPE html>

<html>

<head>

<title>عناوین</title>

</head>

<html>

<h1>این یک عنوان است</h1>

<h2>این یک عنوان است</h2>

<h3>این یک عنوان است</h3>

<h4>این یک عنوان است</h4>

<h5>این یک عنوان است</h5>

<h6>این یک عنوان است</h6>

</body>

</html>

نتیجه:

عناوین

عناوین چه اهمیتی دارند؟

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

کاربران اول از همه دوست دارند عنوان های صفحه شما را مطالعه کنند. استفاده از عناوین و تیترها برای نشان دادن ساختار سند بسیار مهم است.

از تگ <h1> باید برای عنوان اصلی صفحه استفاده شود و تگ <h2> برای عناوین مهم و از تگ <h3> برای عنوان هایی با اولویت کمتر یا زیرعنوان های <h2> استفاده شود.

دو نکته ای که باید در استفاده از عناوین رعایت کنید:

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

2- بیشترین تگ عنوان استفاده شده در صفحات وب <h2> و سپس <h3> است. در هر صفحه وب بیش از یک تگ <h1> استفاده نکنید.

آیا می توان اندازه عنوان ها را تغییر داد؟

بله، هر عنوان در اچ تی ام ال دارای اندازه ای پیشفرض است. با این حال، می توانید برای هر عنوان با ویژگی style و استفاده از خصوصیات اندازه فونت در CSS اندازه مورد نظر را مشخص کنید.

مثال:

<!DOCTYPE html>

<html>

<head>

<title>تغییر اندازه عناوین</title>

</head>

<body>

<h1 style="font-size:40px;">مهمترین عنوان با تغییر اندازه</h1>

<h2 style="font-size:60px;">عنوان دوم با تغییر اندازه</h2>

</body>

<html>

 نتیجه:

تغییر اندازه عناوین

جلسه قبل | جلسه بعد

تبلیغات در پایین ادامه ی مطلب

نظرات شما


    نام
    ایمیل (منتشر نمی‌شود) (لازم)
    وبسایت
    :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    نظر خصوصی
    مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
    کد امنیتیرفرش کد امنیتی