آموزش تگ head و زیر تگ های آن در طراحی سایت

متا تگ ها در تگ head:

این تگ برای ارائه ی متا دیتا در مورد داکیومنت HTML استفاده می شود که اطلاعاتی از قبیل انقضا صفحه، گردآورنده ی صفحه، لیست کلمات کلیدی، توصیف صفحه و غیره ارائه می دهد. 

 تگ عموما برای مشخص کردن نویسنده، کلمات کلیدی، آخرین تغییرات، توضیحاتی در مورد صفحه و دیگر داده های Meta استفاده می شوند. داده های meta (متا دیتا) توسط مرورگرها (جهت نحوه نمایش محتویات یا بارگذاری مجدد صفحه)، موتور های جستجو (جهت تعیین کلمات کلیدی) و دیگر سرویس های وب استفاده می شود.

متا تگ ها انواع مختلفی دارند به طوری که حدود سی متا تگ وجود دارد. متا تگ ها نقش پررنگی در مسائل مربوط به سئو ایفا میکنند.

سه نمونه از پرکاربردترین و مهمترین متا تگ ها به شرح زیر است :

• متا تگ های توصیفی (Description meta Tags) :

در این متا تگ توضیحاتی راجع به وبسایت شما قرار میگیرد. شاید این کار بنظر شما بیهوده باشد، اما این توضیحات، مورد توجه موتور های جست و جو از جمله گوگل و یاهو قرار میگیرد. این تگ جزو مباحث مهم در آموزش ساخت سایت و توضیحاتی که در آن درج می کنید در آمار بازدید شما تاثیر چشمگیری خواهد گذاشت .

• متا تگ کلمات کلیدی (Keywords meta Tags) :

این تگ، کاربردی مشابه تگ قبل دارد با این تفاوت که در این تگ به جای توضیحات، کلمات کلیدی وبسایت را قرار می دهید. این تگ کمک می کند تا موتورهای جست و جو موضوع و محتوای وبسایت شما را بفهمند و مورد توجه قرار دهند.

• متا تگ HTTP-EQUIV :

این متا تگ مهمترین و کاربردی ترین متا تگ می باشد، کاربرد این تگ بیشتر برای وبسایت های فارسی می باشد، این تگ به موتور های جست و جو می فهماند که این وبسایت دارای متن فارسی است تا موتور های جست و جو ، متن این وبسایت را، بهم ریخته، و نامنظم به نمایش نگذارد.

• تگ base در html :

این تگ برای اتصال URL پایه (base URL) به همه ی URL های وابسته (relative URLs ) در صفحه استفاده می شود. برای استفاده از این تگ و آموزش طراحی سایت به سه نکته ی زیر توجه کنید :

تگ را به عنوان اولین عنصر در داخل عنصر قرار دهید.

اگر تگ وجود داشته باشد، باید دارای یک خاصیت href یا یک خاصیت target، یا هر دو باشد.

در یک سند حداکثر از یک تگ base استفاده میشود.

اگر با این توضیحات هنوز مفهوم کارکرد تگ base را درک نکرده اید، توضیحات زیر با دقت بیشتری بخوانید:

با استفاده از این تگ می توانید آدرس پیش فرض لینک های خود و یا خاصیت “target” انها را مشخص کنید .مثلا شما میخواهید یک قالب وبلاگ طراحی کنید و در این قالب از عکس های زیادی استفاده خواهد شد.این تگ کار را ساده کرده و فقط کافیست ادرس پوشه ای که عکس ها در ان قرار دارند را در تگ <base> قرار دهید و در بخش هایی که نیاز دارید عکسی از این پوشه را فراخوانی کنید، فقط نام عکس را فراخوانی میکنید.

• تگ link در html :

با کمک این تگ می توانید بین یک صفحه ی html و یک منبع خارجی پیوند برقرار کنید. مهمترین کاربرد این تگ برای برقراری ارتباط بین داکیومنت html و css است. 

نکات زیر را در باب تگ link در نظر بگیرید :

تگ  فقط یک تگ باز  دارد، و تگ بسته ندارد. (این تگ، empty tag است)

از تگ link به هر تعداد که نیاز داشته باشید می توانید استفاده کنید.

بین تگ باز و تگ بسته محتوایی قرار نمی گیرد.

تگ لینک میتواند مشخصه های زیر را دارا باشد :

blank : با استفاده از این ویژگی، بعد از کلیک روی  لینک صفحه وب در یک پنجره جدید باز می شود.

rel : این مشخصه جزو ویژگی های اجباری بوده و بیانگر این است که رابطه بین صفحه اچ تی ام ال و لینک را تعیین کند.

parent : لینک در قاب اصلی باز خواهد  شد.

target: این ویژگی محل بارگذاری لینک را مشخص میکند

self : لینک در همان پنجره یا قابی که کلیک شده است باز می شود.

top : لینک در همان پنجره ای که کلیک شده است به طور کامل باز خواهد شد.

سلب‌ مسئولیت: مجموعه‌ «دیتاجو» در تهیه‌ و تنظیم این مطلب که صرفا جنبه تبلیغاتی دارد نقشی نداشته و مسئولیتی راجع به صحت آن نمی‌پذیرد.