تبلیغات
....::::آموزش کامپیوتر::::.... - آموزش متا تگ های html و تگ head

آموزش متا تگ های html و تگ head

نویسنده :سهیل صادقی
تاریخ:یکشنبه 21 فروردین 1390-11:24 ق.ظ




در مقاله قبلی در خصوص مفاهیم پایه ای html صحبت شد و در این جلسه به ادامه آموزش می پردازیم.
بلافاصله بعد از Doctype در سند وب ، تگ HTML می آید .تگ HTML اولین تگ در سلسله مراتب درخت HTML است و تمامی تگ های صفحه وب زیر مجموعه و فرزاندان این تگ می باشند.اگر تگ HTML را در صفحه ای استفاده کنیم که نوع سند Doctype آن را XHTML تعریف کرده باشیم ، بایستی بلافاصله بعد از تگ HTML از فضای نام xmlns استفاده کنیم (البته در سند هایی که نوع آن HTML باشد نیازی به این کار نیست).

<html xmlns="http://www.w3.org/1999/xhtml">
در
اینجا نمونه ای از صفحه وب از نوع XHTML آورده شده است:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page title</title>
</head>
<body>
</body>
</html>
تگ HTML صفحه وب را به دو بخش HEAD و Body تقسیم می کند.
تگ HEAD در صفحه وب
تگ Head خود شامل داده های متا Meta در صفحه می باشد. اطلاعاتی که تگ های متا در بر دارند شامل منابعی است که صفحه از آنها استفاده می کند مانند : استایل شیت ها و اسکریپت وب سایت.
مثال ساده زیر تگ Title را توصیف می کند و جایگاه آن در صفحه را مشخص می کند .
این تگ عنوان صفحه را مشخص می کند که یکی از مهمترین المان ها در سئو و موتورهای جستجو می باشد چرا که موتور های جستجو بر اساس عنوان سند html محتوای شما را تشخیص می دهند .
همچنین عنوان صفحه وب در هنگامی که کاربر صفحه را باز می کند، آن را در لیست Favorite خود قرار می دهد و یا آن را ذخیره می کند نمایش داده می شود.
در مثال زیر می توانید جایگاه عنوان و title را در صفحه ببینید.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page title</title>
</head>
<body>
</body>
</html>
به علاوه المان title که در داخل تگ head قرار دارد ، تگ های زیر نیز در داخل المان head قرار می گیرند:
◦تگ بیس (base tag)
تگ بیس، base tag، در صفحه آدرسی را مشخص می کند که باعث می شود تمامی لینک ها در آن صفحه بر اساس این تگ آدرس دهی شوند.
در واقع مبنای تمامی آدرس های صفحه را مشخص می کند .
◦تگ لینک (link tag)
تگ لینک ،link tag، برای الصاق سند استایل شیت استفاده می شود. و بعد از الصاق stylesheet ، استایل هایی که برای تگ ها تعریف کرده اید به صفحه اعمال می شود.
◦تگ متا (meta tag)
تگ متا، meta tag ، اطلاعات تکمیلی را برای سند مشخص می کند. برای مثال : چه زبانی در صفحه استفاده شده است و از کدام سیستم انکود encode استفاده شده است.
این تگ همچنین اطلاعاتی را برای موتور های جستجو تعیین می کند ، از قبیل : آیا این صفحه در موتور جستجو ایندکس index شود؟ و …
◦تگ آبجکت (object tag)
تگ ابجکت، object tag ، این تگ یک هدف چند منظوره در الصاق فایل های چند رسانه ای مثل :فلش ها و … به صفحه دارد.
◦تگ استایل (style tag)
تگ استایل، style tag، برای قرار دادن کد های Css در داخل صفحه استفاده می شود.
◦تگ اسکریپت (script tag)
تگ اسکریپت، script tag ، برای قرار دادن کد های جاوا اسکریپت یا آدرس دهی به یک فایل جاوا اسکریپت خروجی دارد.
تمامی تگ های Html بالا اختیاری بوده و با هر ترتیبی می توانند در داخل تگ head قرار گیرند.
در نظر داشته باشید که هیچ یک از تگ های استفاده شده اینجا به صورت مستقیم باعث تغییر صفحه نخواهند شد و شما چیزی را مشاهده نخواهید کرد.
تگ هایی که باعث تاثیر مستقیم در صفحه می شوند معمولا در بین تگ body قرار می گیرند.
در این جلسه به آموزش تگ ها و المانHead پرداختیم و توضیح دادیم که تگ های داخل این المان به چه منظور استفاده می شوند.

نوع مطلب : کدهای جاوا و html 



دانلود موزیک ، دانلود آهنگ جدید
دانلود فیلم