لطفا جاواسکریپت مرورگر خود را فعال سازید!

نحوه فعال سازی در کروم
  1. ابتدا باید اینکارو بگنید
  2. بعدش اونکارو
نحوه فعال سازی در فایرفاکس
  1. ابتدا باید اینکارو بگنید
  2. بعدش اونکارو
پنج کاربرد تگ‌های متا در HTML

پنج کاربرد تگ‌های متا در HTML

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

1- کنترل Cache مرورگر: زمانی که برای اولین بار یک سایت را در مرورگر باز می کنید، مرورگر آن صفحه را درون کش خود ذخیره می کند تا برای دفعات بعدی که وارد سایت می شوید عمل بارگذاری سریعتر انجام گیرد. احتمالا برای شما هم پیش آمده که زمانی که در سایت خود تغییراتی می دهید این تغییرات روی ظاهر صفحه اعمال نمی‌شوند و دلیل این مسأله این است که مرورگر از اطلاعاتی که قبلا ذخیره کرده است برای باز کردن صفحه استفاده می کند. اما شما به سادگی می توانید با یک تگ ساده متا عمل کش کردن را در مرورگرهای مختلف غیر فعال کنید:


<meta http-equiv="Cache-Control" content="no-store" />  

این کد برای مرورگرهای فایرفاکس، کروم و اینترنت اکسپلورر به رسمیت شناخته می شود. شما حتی برای مرورگر اینترنت اکسپلورر می توانید دسترسی بیشتری به تنظیمات ذخیره سازی داشته باشید:


<meta http-equiv="Cache-Control" content="no-cache" />  
<meta http-equiv="Pragma" content="no-cache" />  

علاوه بر این، می توانید یک تاریخ برای زمانی که کدهای سایت را تغییر داده اید تعین کنید تا اطمینان حاصل کنید که مرورگر از اطلاعات کش استفاده نمی کند:


<meta http-equiv="expires" content="Fri, 18 Jul 2014 1:00:00 GMT" />  

کد متای بالا به این معنی است که بعد از این تاریخ کدهای منقضی شده اند و اگر مقدار آن را 0 قرار دهید مرورگر در هر بار باز شدن صفحه اطلاعات را بروزرسانی می کند. 2- کنترل کوکی ها: مانند کش، کوکی هم حاوی بخشی از اطلاعات است که مرورگر با مشاهده یک صفحه آن را ذخیره می کند و در هر بار ورود به سایت از آن داده ها استفاده کند. به عنوان یک مثال ساده، زمانی که شما به یک وب سایت خرید آنلاین مراجعه می کنید و چند آیتم به سبد خرید اضافه کرده و برای چند روز سایت را ترک می کنید مرورگر از کوکی سایت استفاده کرده و اگر چند روز بعد هم مراجعه کنید اطلاعات سبد خرید شما از بین نخواهد رفت. برای کنترل کوکی ها با تگ متا می توانید از نمونه کد زیر استفاده کنید:


<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Day, DD-MMM-YY HH:MM:SS ZONE">  

name=data اسم کوکی هست که یک مقدار قرار است در آن ذخیره شود، Path راه دستیابی به اطلاعات است و expires تاریخ و زمان حذف شدن آن کوکی از مرورگر شما است که اگر مقدار آن را خالی بگذارید کوکی هنگامی که مرورگر را ترک کنید از بین خواهد رفت یا اصطلاحاً Kill خواهد شد. به عنوان مثال در صورتی که می خواهید کوکی در 31 ژانویه سال 2015 حذف شود باید کد را به این صورت تغییر بدهید:


<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Thursday, 01-Jan-2015 00:00:00 GMT">  

3- رفرش کردن صفحه سایت شما می توانید با استفاده از این کد با گذشت یک زمان مشخص صفحه را رفرش کنید. به عنوان مثال کد زیر صفحه را هر پنج ثانیه رفرش می کند:


<meta http-equiv="refresh" content="5">  

4- هدایت کردن شما می توانید با استفاده از این نوع تگ متا مسیر سایت را به یک مسیر مشخص دیگر تغییر دهید. در مثال زیر 5 ثانیه پس از باز شدن صفحه شما به مسیر example.com هدایت می شوید:


<meta http-equiv="refresh" content="5; url=http://example.com/">  

برای آن که بلافاصله مسیر سایت تغییر کند نیاز دارید تا زمان را به 0 تغییر دهید:


<meta http-equiv="refresh" content="0; url=http://example.com/">  

5- جابجایی بین صفحات شما می توانید یک جابجایی مانند آنچه در نرم افزار پاور پوینت وجود دارد با تگ متا در صفحات بوجود آورید که نمونه هایی از کدهای آن را می توانید مشاهده کنید:


<meta http-equiv="page-enter" content="revealtrans(duration=seconds,transition=num)" />  
<meta http-equiv="page-exit" content="revealtrans(duration=seconds,transition=num)" />  
<meta http-equiv="page-enter" content="blendTrans(duration=sec)" />  

توجه داشته باشید که این کد فقط برای مرورگرهای اینترنت اکسپلورر قدیمی قابل استفاده است و این تگ از تگ های اختصاصی مایکروسافت است. با تغییر duration می توانید مدت زمان فعالیت آن را تغییر دهید. Transition هم می تواند یک عدد صحیح از 0 تا 23 باشد که اشاره به نوع انتقال صفحه دارد.