متاتگ و HEAD در صفحات وب

pooriamirani السبت نوفمبر 07, 2009 11:20 pm

به علائمی مثل <HTML> ، <HEAD> ، <TITLE> و <BODY> تگ (tag) یا برچسب گویند. در اینجا چهار برچسب معرفی شد. برچسب های معرفی شده همه دارای پایان هستند یعنی پایان آنها باید معرفی شوند که با علامت / در قبل و یا بعد از نام برچسب آورده می شوند.
بعضی برچسب ها ممکن است پایان نداشته باشند.

کمی دقیق تر
بدون آنکه وارد جزئیات بیشتر شویم. فرض کنید به دلیل استاندارد سازی HTML و به دلیل اینکه متن های نوشته شده ما برای مرورگرها شناخته شده باشد و مرورگر ما (مثل اینترنت اکسپلورر) بداند که متن ما از چه استانداردی تبعیت می کند. کد زیر را در آغاز فایل HTML خود قرار دهید

کد:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

این کد ساختار سند html ما را مشخص می کند.
کدهای صفحه html می تواند به صورت حروف بزرگ یا کوچک نوشته شوند. DOCTYPE در خط اول باید با حروف بزرگ انگلیسی نوشته شود.
معرفی تگ یا برچسب های استفاده شده:تگ HTML
<HTML> ... <HTML/>
این تگ ها مشخص می کند که فایل ما یک فایل <HTML> است تمام متن فایل باید در داخل این دو تگ نوشته شود.

تگ HEAD

<HEAD> ... <HEAD/>

در داخل HEAD از برچسب هایی مثل TITLE و META استفاده می شود.

کد:
<HEAD>

<TITLE> ......</TITLE>
<META > .......</META >

<HEAD/>

TITLE
برای تعيين عنوان صفحه وب (عنوانی که درStatus Bar اینترنت اکسپلورر ديده می شود)
META
متاتگ چیست؟
این سوال ، یکی از سوالاتی است که همیشه برای مبتدیانی که آشنایی ابتدایی با صفحات وب پیدا می کنند. پیش می آید. متا تگ ها در واقع دستورات (تگهایی) هستند که صفحات وب ما را به دنیای خارج معرفی می کنند و صفحات وب ما از طریق این تگ به موتورهای جستجوگر معرفی می شود. در برنامه ایی که قبلا دادم کدهایی را به صورت زیر اضافه می کنیم. پس مثال ما به صورت زیر در می آید:

کد:
<HEAD>
<meta http-equiv="Content-Language" content="fa">
<title>میکرورایانه</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="آموزش رایانه و تجارت الکترونیک ، قطعات و اجزا جانبی کامپیوتر ، نرم افزار و اینترنت">
<meta name="keywords" content="سایت آموزش رایانه تجارت الکترونیک قطعات اجزا جانبی کامپیوتر سخت افزار نرم افزار اینترنت">
</HEAD>

کاربردهای آن:
http-equiv
این متاتگ باعث می شود که اطلاعات اضافی همراه صفحه وب درخواستی شما درhttp header به مرورگر ارسال شود. در این مثال اطلاع داده می شود که صفحات وب ما دارای کاراکترهایی با کدینک utf-8 است.

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

NAME

تگ از نوع name در مثال بالا را یه نگاه کنید . در اولین خط مقدار name مساوی با description است یعنی در مورد مطالب سایت شرح می دهد. با این تگ توضیحات سایت شما به موتور های جستجوگر معرفی می شود. اگر این تگ را به وب سایت یا وبلاگ خود اضافه کنید و کسی در گوگل به سایت شما برخورد کند توضیحات داخل این متاتگ را خواهد دید . یعنی گوگل دقیقا از این متاتگ برای ذخیره اطلاعات درباره سایت شما استفاده می کند. پس بکاربردن این متا تگ ها خیلی مهم خواهد بود.

در خط دوم تگ از نوع name مساوی با keywords است . یعنی این متاتگ کلمات کلیدی سایت را به موتور های جستجوگر معرفی می کند.

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