عناصر موجود در تگ هِد Head
ما برچسب های هد < head > را به عنوان برچسب هایی معرفی کردیم که عناصری که بین آنها قرار میگیرند ، شامل اطلاعاتی درباره فایل html میباشند.
این واقعیت که بسیاری ازعناصر تگ head در پشت صحنه کار میکنند از اهمیت آنها کم نمیکند. بیشتر عناصر head توسط کاربر متوسط دیده نمی شوند ، اما با مشاهده منبع صفحه (page source) قابل رؤیت هستند ، همچنین ممکن است منابع مفیدی از اطلاعات برای موتور جستجو که خزنده ی سراسر وب است ، باشد.
عناصر (تگ های) برچسب head :
- تگ عنوان (title)
تگ title تنها تگ از head است که در پشت صحنه کار نمیکند. هر متنی که بین برچسب های < title > نوشته شود در بالای مرورگر شما نمایش داده میشود تا همه آن را ببینند. ( در مثالها به جای() از علامتهای <> استفاده کنید)
head) (title)اولین صفحه وب من (/title)(
/head)
- برچسب های متا (meta)
برچسب های meta اغلب برای توصیف صفحه وب برای مرورگرها و موتورهای جستجو استفاده میشوند. این تگ ها استفاده های دیگری دارند. دو کاربرد معمول برچسب های متا “description” و “keywords” میباشند, موارد زیاد دیگری نیز قابل دسترس هستند. تگ های متا مثل:
head) (meta name="description" content="توضیحات در این قسمت نوشته میشوند" /) (meta name="keywords" content="کلمات کلیدی در این قسمت با کاما,از هم جدا میشوند" /) (meta name="copyright" content="Copyright.com" /)(
/head)
- برچسب های لینک (link)
بر چسب های لینک رابطه بین فایل های html ومنابع خارجی را مشخص میکنند.آنها بیشترین استفاده را در وصل شدن به cascading style sheets دارند.
head) (link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /) (link rel="stylesheet" type="text/css" href="/Style.css" /)(
/head)
- برچسب های script و style
تگ های اسکریپت معمولا برای اضافه کردن java script یا css به یک صفحه وب استفاده میشوند. آنها بین تگ های head به روش زیر درج میشوند:
head) (script type="text/javascript") document.write("به صفحه وب من خوش آمدید")
document.write("آیا مطمئنید میخواهید صفحه را ببندید?")
(/script)(
/head)
تگ های استایل برای اضافه کردن css داخلی , به همان روش قبلی درج میشوند:
head) (style type="text/css") p { border: 1px dotted #000000; }
(/style)(
/head)
