آشنایی با متا تگها و موارد استفاده آنها در HTML

تگهای METAمورد استفاده موتورهای جستجو برای بررسی و شاخص گذاری صفحات قرار می گیرند. مخصوصاً اگر صفحه شما فریم (قاب) داشته باشد. این تگها باید در قسمت HEADصفحه شما قرار گیرند

تگهای METAمورد استفاده موتورهای جستجو برای بررسی و شاخص گذاری صفحات قرار می گیرند. مخصوصاً اگر صفحه شما فریم (قاب) داشته باشد. این تگها باید در قسمت HEADصفحه شما قرار گیرند.
در سطر زیر یکی از معمول ترین تگهای METAرا می بینید:
<head>
<title>عنوان صفحه</title>
<meta name=" " content=" ">
</head>

· شناسه name:
مشخص کننده نوع متا تگی است که شما قصد استفاده از آن را دارید.

· شناسه content:
تعیین کننده محتویات متا تگ برای موتورهای جستجو است.

در این بخش به توضیح دو متا تگ که برای موتورهای جستجو اهمیت بیشتری دارند می پردازیم.

METAKeywords

· "name="keywords
این فرمان برنامه اسپایدر موتورهای جستجو را از وجود یک دسته از کلمات کلیدی این صفحه در این تگ آگاه می کند.

· "متا تگ، موتور جستجو"=content
این قسمت لیستی از کلمات کلیدی موجود در این صفحه است. در این قسمت برای جدا کردن کلید واژه ها از یکدیگر از علامت کاما استفاده می شود.

توجه داشته باشید که نباید یک کلید واژه را چندین بار تکرار کنید و کلی واژه ها باید با متن شما در صفحه مربوطه ارتباط باشند. موتورهای جستجو معمولاً رتبه بندی صفحاتی را که در آنها با تکرار بیش از حد یک کلید واژه یا ذکر کلید واژه ای که با متن صفحه ارتباطی ندارد سعی می شود رتبه بالایی را به دست بیاورند، متوقف می کنند.

METADescription

این تگ محتویات صفحه را توصیف می کند.
<meta name="description" content="افزودن متا تگ به صفحه">

· "name="description
این بخش توضیحی در باره صفحه برای برنامه اسپایدر موتورهای جستجو است.

· "افزودن متا تگ به صفحه"=content
این بخش توصیفی است که شما از صفحه خود می نویسید. در این قسمت هر چیزی را که می خواهید درباره صفحه خود توضیح دهید، همچنین می توانید از یک دو تا از کلید واژه ها هم استفاده کنید. بسیاری از موتورهای جستجو این قسمت را در لیست نتایج جستجو به عنوان توضیح صفحه نشان می دهند.

دو متا تگ ذکر شده در بالا از بقیه متا تگها پر کاربرد تر هستند. متا تگ های دیگری هم وجود دارند که در زیر به برخی از آنها اشاره می شود:
<meta name="author" content="نام نویسنده صفحه">
این تگ به شما اجازه می دهد که نویسنده صفحه را مشخص کنید. فقط نام نویسنده را در این تگ بنویسید تا هر کسی که کدهای HTMLاین صفحه را می بیند، بداند چه کسی این صفحه را نوشته است. موتور های جستجو معمولاً از این تگ برای رتبه بندی صفحات استفاده نمی کنند.
<meta name="generator" content="نام برنامه مورد استفاده شما">
این تگ به شما اجازه می دهد که به افرادی که کدهای این صفحه را می بینند بگویید که شما از چه برنامه ای برای نوشتن این کدها استفاده کرده اید. این تگ نیز برای رتبه بندی صفحات در موتورهای جستجو استفاده نمی شود.

فرض کنید می خواهیم از یک خط افقی در صفحه خود استفاده کنیم، اما می خواهیم طول آن برابر یک تصویر یا قسمتی از یک متن باشد. یا شاید به یک خط افقی کوتاه که در سمت چپ یا راست صفحه قرار بگیرد، نیاز داشته باشیم. اینها خواصی هستند که ما می توانیم برای تگ HRیعنی همان خط افقی استفاده کنیم:

· width:
این فرمان مقدار عرض خط افقی را مشخص می کند. ر این فرمان شما می توانید از مقیاس پیکسل یا درصد استفاده کنید. گزینه پیش فرض برای این فرمان 100% است.

· "align="left:
این فرمان سمت قرار گرفتن خط افقی را مشخص می کند. شما می توانید خط را به صورت چپ چین، راست چین و در مرکز صفحه قرار دهید. گزینه پیش فرض این فرمان centerاست که خط را در مرکز صفحه قرار می دهد. البته زمانی این وضعیت مشخص می شود که عرض خط افقی کمتر از عرض صفحه باشد.

· "size="3:
این فرمان اندازه خط را مشخص می کند. اندازه پیش فرض برای خط 2 است.

· "noshade="noshade:
این فرمان خط را به صورت تو پر نشان می دهد.

در اینجا هر کدام از فرمانهای بالا را با یک مثال بیشتر توضیح می دهیم.
---------------------------------------------------------------------------------------------------------------
<hr width="250">
با این فرمان خطی افقی مانند زیر خواهید داشت:

---------------------------------------------------------------------------------------------------------------
<hr width="250" align="right">
با این تگ یک خط افقی با عرض 250 پیکسل و در سمت راست صفحه خواهید داشت. مانند زیر:

---------------------------------------------------------------------------------------------------------------
<hr width="250" size="10">
با این تگ یک خط افقی با عرض 250 پیکسل و پهنای 10 خواهید داشت:

---------------------------------------------------------------------------------------------------------------
حالا یک اندازه بزرگ را برای پهنای خط انتخاب می کنیم، مثلاً 80 ، نتیجه به این صورت خواهید بود:

همانطور که ملاحظه می کنید، خط به صورت تو خالی و مانند یک حباب به نظر می رسد.
حالا اگر از فرمان noshadeاستفاده کنید، خط به صورت تو پر نمایش داده می شود:
<hr width="250" noshade="noshade">

این بار با اندازه 80 این تگ را امتحان می کنیم:
<hr width="250" size="80" noshade>

---------------------------------------------------------------------------------------------------------------
در برخی مرورگرها مانند اینترنت Internet Explorer 4.0به بعد و Mozilla Firefoxامکان تغییر رنگ خط نیز وجود دارد. اما ممکن است این رنگ در همه مرورگرها مثلاً Opera 9.0قابل مشاهده نباشد و خط به رنگ پیش فرض مشاهده شود.
در این قسمت اگر با مرورگری مثل اینترنت اکسپلورر صفحه را مشاهده می کنید، می توانید خطی را به رنگ زرد مشاهده کنید اما اگر با مرورگری مثل Operaاین صفحه را مشاهده می کنید، خط زیر را به رنگ خاکستری (رنگ پیش فرض) خواهید دید.
<hr width="250" size="20" color="yellow" noshade>