درس چهارم – تگ های مهم موجود در تگ head
درس چهارم – تگ های مهم موجود در تگ head
در این درس با 3 تا از مهم ترین تگ های موجود در تگ head آشنا می شوید:
1- تگ متای charset
|
1 |
<meta charset="utf-8"> |
- تگ های متا، درون تگ head قرار می گیرند.
- تگ charset مشخص می کند که چه نوع حروفی در این فایل html قرار دارند.
- برای استفاده از حروف فارسی حتما تگ بالا را عینا در تگ head فایل html خود قرار دهید.
- ممکن است بدون استفاده از این تگ نیز در بعضی مرورگرها مشکلی را مشاهده نکنید، اما با توجه به اینکه قرار نیست فایل HTML صرفا در مرورگر شما اجرا شود، باید استاندارد ها را رعایت نمایید.
- تگ charset مثل سایر تگ هایی که تا به حال آموخته اید، تگ باز و بسته ندارد و دقیقا به صورتی که در بالا نوشته شده، نوشته می شود.
2-تگ title
|
1 |
<title>متن عنوان</title> |
- این تگ درون تگ head قرار دارد.
- محتوای موجود در تگ title (در مثال بالا از “متن عنوان” برای عنوان استفاده شد.)، در بخش عنوان مرورگر قرار می گیرد. (تصویر پایین، محتوای تگ title در سایت گوگل را نشان می دهد.)
3-تگ description
|
1 |
<meta name="description" content="توضیحات مورد نظر"> |
- این تگ درون تگ head قرار می گیرد.
- تگ description شامل توضیحاتی است که در هنگام جست و جو توسط موتور های جست و جو (مثل گوگل)، این توضیحات در پایین نام سایت قرار می گیرد.
- در تصویر زیر، شماره 1، تگ description را در هنگام جست و جو توسط موتورهای جست و جو نمایش می دهد.
4-تگ keywords
|
1 |
<meta name="keywords" content="کلمه1,کلمه2,کلمه3"> |
- این تگ درون تگ head قرار می گیرد.
- تگ keywords، کلمات کلیدی موجود در فایل html را مشخص می کند تا در صورتی که این کلمات در موتورهای جست و جو، جست و جو شد، صفحه مورد نظر شما نیز جزو نتایج جست و جو باشد.
- تگ keywords برای موتور جست و جوی گوگل، هیچ اهمیت و تاثیری ندارد اما در موتور های جست و جوی bing و yahoo تاثیر دارد.
- برای جداسازی کلمات از کامای انگلیسی (,) استفاده کنید.
- در مثال بالا، به جای کلمه1,کلمه2,کلمه3، کلمات مورد نظر خود را بنویسید. تعداد کلمات کلیدی می تواند 1 یا بیشتر از 3 باشد و در این مثال صرفا 3 کلمه قرار داده شد.
خلاصه درس
- تگ های charset، title، description، keywords در تگ head قرار دارند.
- هنگامی که می خواهیم در فایل html از زبان فارسی استفاده کنیم، استفاده از تگ charset ضروری است.
- تگ title، عنوان صفحه html در مرورگر را مشخص می کند.
- تگ description شامل توضیحاتی است که هنگام جست و جو توسط موتورهای جست و جو مثل گوگل، در پایین نام سایت قرار می گیرند.
- تگ keywords کلمات کلیدی فایل html را مشخص می کند. (این تگ روی موتور جست و جوی گوگل تاثیری ندارد.)
محتوای یک فایل HTML شامل 4 تگ آموزش داده شده در این درس
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>متن عنوان</title> <meta name="description" content="توضیحات مورد نظر"> <meta name="keywords" content="کلمه1,کلمه2,کلمه3"> </head> <body> </body> </html> |
تمرین
- از تگ های title و charset درون فایل index که در درس های قبل ایجاد نموده اید استفاده کنید.
- با توجه به اینکه فایل html، یک فایل تمرین است و صرفا روی سیستم شماست و عملا از طریق اینترنت قابل دسترسی برای دیگران نیست، پس تگ های keywords و description کارایی خاصی در آن ندارند. اما در صورت تمایل می توانید از این دو تگ نیز در فایلتان استفاده کنید.