آموزش برنامه نویسی وب و مهارتهای مرتبط

شنبه ۲۲ شهریور ۱۴۰۴

Saturday, September 13, 2025 GMT +3:30

کاربرد متاتگ refresh در صفحات وب (HTML)

همانطور که می دانیم سورس کدهای صفحات وب از استاندارد زبان HTML یا (HyperText Markup Language) پیروی می کنند، یعنی فارغ از اینکه به چه زبان سمت سروری برنامه نویسی کنیم حاصل کار در وب به صورت کدهای HTML نمایان خواهد شد، از طرفی گاهی مواقع به دلایل مختلف دسترسی به سرور محدود شده یا امکان پذیر نیست و برای اعمال دستورات و سلایق خود ناچاریم دست به دامن کدهای HTML شویم که نمود بارز این موضوع در سرویس های مدیریت وبلاگ خودنمائی می کند، به طور مثال اگر بخواهیم به صورت خودکار کاربران را از وبلاگ قدیمی به وبلاگ جدید هدایت کنیم به طور معمول باید از متاتگی به نام refresh (رفرش یا تازه سازی) استفاده کنیم که در این آموزش به تفصیل در خصوص آن صحبت خواهیم کرد.

متاتگ refresh چیست؟

متاتگ refresh (رفرش یا تازه سازی) زیرمجموعه ای از شاخه متاتگ های خانواده http-equiv است که برای تنظیم سربرگ های HTTP یا HTTP Headers در زبان HTML به کار می روند، عبارت equiv مخفف Equivalent به معنی معادل یا مشابه است که منظور مشابه سازی دستورات HTTP سرور با کدهای HTML است.
به طور ساده HTTP Header به معنی پاسخ استاندارد و تعریف شده ای است که در جواب درخواست کاربر (Client) از سرور (Server) تنظیم و به عنوان سربرگ ارسال می شود تا مرورگر بتواند به فرض وضعیت بارگذاری صفحه، خطاهای سرور، نحوه پردازش، یونیکد، ذخیره سازی و... را مدیریت کند، این پاسخ ها معمولا توسط سیستم عامل یا برنامه نویسی سرور به مرورگر ارسال می شوند اما با روشی مشابه در HTML نیز می توانیم این کار را معادل سازی کنیم.
نکته: با استفاده از قابلیت Developer در مرورگرها (معمولا با فشردن کلید F12 در دسترس است) می توانیم سربرگ های رد و بدل شده در یک درخواست تحت وب را مشاهده کنیم.
متاتگ های خانواده http-equiv کاربردهای زیادی دارند که در زیر به صورت نمونه به آنها اشاره می کنیم:
- کنترل ذخیره موقت صفحه (cache-control)

<meta http-equiv="cache-control" content="no-cache">

- تعیین زبان محتوای صفحه (content-language)

<meta http-equiv="content-language" content="fa-IR">

- تعیین نوع و یونیکد محتوای صفحه (content-type)
HTML نسخه 4:

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML نسخه 5:

<meta charset="utf-8">

- تعیین تاریخ ایجاد صفحه (date)

<meta http-equiv="date" content="Wed, 21 Feb 2012 20:55:12 GMT">

- تعیین تاریخ انقضای صفحه (expires)

<meta http-equiv="expires" content="never">

- تعیین تاریخ آخرین ویرایش صفحه (last-modified)

<meta http-equiv="last-modified" content="Mon, 01 Jan 2013 18:32:44 GMT">

- تعیین موقعیت برای انتقال (location)

<meta http-equiv="location" content="URL=https://webgoo.ir">

- تعیین مدت زمان برای رفرش خودکار صفحه یا انتقال به آدرس خاص (refresh)

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

<meta http-equiv="refresh" content="30; URL=https://webgoo.ir">

- تنظیم کوکی ها (set-cookie)

<meta http-equiv="set-cookie" content="cookie_name=value;expires=Fri, 1 Dec 2013 11:30:00 GMT; path=/">

- نحوه نمایش صفحه در فریم (window-target)

<meta http-equiv="window-target" content="_top">

در چه مواردی از متاتگ refresh استفاده کنیم؟

واقعیت این است که استفاده از متاتگ رفرش (refresh) برای صفحاتی که اهمیت زیادی دارند توصیه نمی شود و ممکن است این کار باعث بروز مشکلاتی با موتورهای جستجو شود که در نهایت به سئوی سایت یا وبلاگمان صدمه می زند، اما این گفته بدین معنی نیست که به کل نتوانیم از این متاتگ استفاده کنیم، اگر به فرض وبلاگی قدیمی داشته باشیم و بخواهیم به هر دلیل مطالب و فعالیتمان را به وبلاگی جدید منتقل کنیم، می توانیم از این متاتگ استفاده کرده و کاربران را به طور خودکار به آدرس جدید هدایت کنیم که به این کار در اصطلاح ریدایرکت (Redirect) می گویند، یا فرض کنیم در صفحات موسوم به 404 (کد HTTP خطای صفحه مورد نظر پیدا نشد!) می توانیم کاربر را پس از چند ثانیه به صورت خودکار به صفحه اصلی سایت یا وبلاگمان منتقل کنیم، نمونه دیگر می تواند استفاده از متاتگ refresh در هنگام ورود و خروج کاربران به سیستم و پنل مدیریت باشد و یا در موقعیت های مشابه که نیاز به انتقال خودکار از آدرس های URL مختلف است، پس یادمان باشد که استفاده از این متاتگ در همه جا توصیه نمی شود و فقط در موارد خاصی که مخصوصا صحبت از موتورهای جستجو در میان نیست می توانیم از آن استفاده کنیم.
نکته: برای صفحاتی که نیاز به رفرش اطلاعات در فواصل زمانی خاص دارند و از طرفی کسب رتبه مناسب در موتورهای جستجو نیز برایشان دارای اهمیت است استفاده از شیوه های جایگزین نظیر کدهای جاوا اسکریپت توصیه می شود، مثال:

setTimeout(function(){
   window.location.reload(true);
}, 5000);

که عدد 5000 به معنی 5 ثانیه (5000 میلی ثانیه) است و صفحه هر 5 ثانیه به صورت خودکار رفرش خواهد شد.

چگونه از متاتگ refresh استفاده کنیم؟

استفاده از این متاتگ ساده و سریع است، کافی است درون تگ های head ترجیحا در ابتدای صفحه نمونه کد زیر را قرار داده مدت زمان به ثانیه و آدرس URL صفحه مقصد را در قسمت content تنظیم نمائیم:

<meta http-equiv="refresh" content="30; URL=https://webgoo.ir">

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

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

آشنایی با سایر روش های انتقال (Redirect)

در انتهای این مطلب بد نیست به سایر روش هایی که برخلاف متاتگ refresh مورد قبول موتورهای جستجو هستند اشاره ای داشته باشیم.
- استفاده از فایل htaccess و کد HTTP ریدایرکت 301
از نظر سئو (SEO) بهترین گزینه برای ایجاد انتقال از آدرس URL قدیمی به آدرس URL جدید استفاده از کد HTTP خطای 301 یا "HTTP/1.1 301 Moved Permanently" است، در این روش آدرس URL قدیمی با هدف انتقال همیگشی به آدرس URL جدید منتقل شده و علاوه بر این ارزش (Pagerank) آدرس قبلی حفظ و به آدرس جدید منتقل خواهد شد، برای ایجاد ریدایرکت 301 در فایل htaccess معمولا در سرورهای Apache می توانیم تنظیمات را انجام دهیم، مثال:

RewriteEngine on
RewriteCond /old/page/%{REQUEST_URI} !-f
RewriteRule ^(.+) /new/page/$1 [R=301]

- استفاده از HTTP Header در PHP
علاوه بر روش htaccess در کدهای PHP نیز می توانیم این کار را با ارسال دستورات HTTP Header انجام دهیم، خوشبختانه با برنامه نویسی PHP به راحتی قادریم مقادیر ارسالی به عنوان Header صفحات را مدیریت کنیم، مثال:

<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: https://webgoo.ir");
?>

برای دیدن سایر متاتگ های HTML و آشنایی با کاربرد آنها می توانیم به آموزش زیر مراجعه کنیم:
متاتگ ها (Meta tags) و کاربرد آنها در صفحات وب (HTML)

دسته بندی: آموزش کاربردی » HTML

برچسب ها: HTML - PHP - وبلاگ نویسی

قبلی »

« بعدی

مطالب بیشتر:
نحوه نمایش فیلم و کلیپ ویدئویی در سایت و وبلاگ
چگونه رنگ و تصویر پس زمینه سایت یا وبلاگ را تغییر دهیم؟
پخش فایل صوتی (آهنگ، موسیقی پس زمینه) در سایت و وبلاگ
نحوه درج علامت های خاص در HTML
نحوه متحرک ساختن متن با تگ marquee در HTML

دیدگاه

۴۸ دیدگاه برای این مطلب ارسال شده است.

چینش دیدگاه ها به ترتیب از جدیدترین به قدیمی ترین است.

امین

۰۳:۰۰ ۱۳۹۴/۰۶/۱۸

خودم اینکار رو میخواستم بکنم اما نمیشد خط پایینی رو بدجور اشتباه مینوشتم !!!

var date = new Date(<?php echo date('y, n, j, G, i, s'); ?>);

این خطو!!
ممنون استاد عالی بود.

امین

۱۹:۵۰ ۱۳۹۴/۰۶/۱۴

سلام استاد
چطور میشه ساعت هاست رو با جاوا گرفت و نشون داد؟
ببینید من یک ساعت ساده تو سایت قرار دادم با کد جاوا که این ساعت هر ثانیه طبق معمول تغییر میکنه.
اما نکته اینه که ساعت کلاینت رو نشون میده نه هاستی که سایت روشه.
اگه بخوام با php استفاده کنم هم مجبورم هی صفحه رو رفرش کنم که اصلا جالب نیست.
چه چاره ای برای اینکار وجود داره؟

باید برای این کار JavaScript را با PHP ترکیب کنید، مثال:

<script type="text/javascript">
<!--
//تنظیم زمان بر اساس تاریخ سرور
var date = new Date(<?php echo date('y, n, j, G, i, s'); ?>);
//استخراج ساعت، دقیقه و ثانیه
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
//تابع برای محاسبه و نمایش زمان
function ShowTime(){
	second++;
	if(second.toString().length == 1){
		second = '0' +  second;
	}
	if(second>59){
		second = '0' + 0;
		minute++;
	}
	if(minute.toString().length == 1){
		minute = '0' +  minute;
	}	
	if(minute>59){
		minute = '0' + 0;
		hour++;
	}
	if(hour.toString().length == 1){
		hour = '0' +  hour;
	}	
	if(hour>23){
		hour = '0' + 0;
	}
	//خروجی
	var output = hour + ":" + minute + ":" + second;
	//چاپ خروجی در بلاک
	document.getElementById("show_time").innerHTML = output;
}
//اجرای تابع در هنگام بارگذاری صفحه
window.onload = function(){
	//فراخوانی تابع اصلی پس از هر ثانیه
	setInterval("ShowTime();", 1000);
}
-->
</script>
<!-- بلاک خروجی -->
<div id="show_time"></div>

علی

۱۹:۲۰ ۱۳۹۴/۰۴/۱۹

سلام
ممنون از پاسخ شما/ کد داده شده جواب می دهد. اما می خواهم زمان رفرش کردن صفحه هر سه دقیقه باشد. کد داده شده هر لحظه رفرش می کند. منتظر پاسخ شما هستم. باز ممنون از شما

می توانید به جای 5000 مقدار بیشتر (به فرض 180000) قرار دهید!

علی

۱۳:۴۹ ۱۳۹۴/۰۴/۱۹

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

برای این منظور باید از دستورات جاوا اسکریپت بهره ببرید، مثال (تست نشده!):

<script type="text/javascript">
var regex = new RegExp(/blogfa\.com[\/]*$/ig);
var url = window.location.href;
if(url.search(regex) != -1){
	setTimeout(function(){
		window.location.reload(1);
	}, 5000);
}
</script>

این کد را در قسمت کدها و اسکریپت های اختصاصی یا در قالب وبلاگ خود درج کنید.

رامین

۱۹:۰۷ ۱۳۹۴/۰۳/۱۱

سلام . و ممنون به خاطر سایت بی نظیرتون. عذر خواهی میکنم اگر یکم درخواستم بی ربطه. من یه مشکل دارم که اصلا نتونستم راهی واسش پیدا کنم. توی وبلاگم میخوام لینک دانلود فایل برای فروش بزارم. درگاه هم دارم. درگاه هم به صفحه درخواستی کاربرو برمیگردونه ولی میخام وقتی برمیگرده لینک دانلود رو ببینه و قبل از پرداخت موفق لینک دانلود نشون داده نشه (بدون ایجاد یک صفحه اضافه میخام این کارو انجام بدم). یعنی به این ترتیب: 1) کاربر لینک پرداخت رو میبینه. پرداخت میکنه 2) برمیگرده به همون صفحه و لینک دانلود رو میبینه.
اگر بتونید راهنماییم کنید که چجوری پست هام رو ارسال کنم واقعا ممنونتون میشم. اگر ممکنه موقع پاسخ یه ایمیل اطلاع رسانی بهم بدید یا پاسخ رو به ایمیلم بفرستید. ممنون

سوال کلی است! وبلاگ شما باید در یک هاست با قابلیت اجرای کدهای سمت سرور (معمولا PHP) باشد تا بتوانید برای این هدفتان کد داینامیک تعریف کنید، به فرض با متد POST یا GET اطلاعات ارسالی از درگاه دریافت و متناسب با نیاز با استفاده از دستورات شرطی (و قاعدتا سایر دستورات برنامه نویسی) و توابعی مانند curl ادامه روند کدنویسی شود.

مجید

۱۷:۲۶ ۱۳۹۴/۰۲/۲۷

با سلام .
من یه سایت موزیک دارم

bataraneh.com

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

به نظر این مشکل بیشتر به وردپرس مربوط است تا سرور سایت شما، لذا برای رفع آن باید به انجمن های مربوطه (راه حل Cache نشدن صفحات وردپرس) مراجعه کنید.

بهنام

۲۳:۰۲ ۱۳۹۴/۰۲/۱۱

سلام و خسته نباشید
من یه صفحه ثبت نام دارم داخل این صفحه یک عکس گذاشتم و وقتی که کاربر چیزی رو اشتباه وارد میکنه و خطا میده میخوام عکسم ثابت بمونه و دایم تکون نخوره و یا رفرش نشه فقط اون قسمت ثبت نام تغییر کنه میخواهم این عکس بدون تغییر بمونه ممنون میشم راهنماییم کنین

متاسفانه راه حل ساده ای برای این مورد وجود ندارد، باید صفحه و سیستم ثبت نام را مبتنی بر یکی از روش های زیر طراحی کنید:
- اعتبارسنجی سمت کاربر (بررسی و نمایش خطا در مرورگر) با JavaScript.
- استفاده از قابلیت های Ajax.

سینا

۱۲:۰۸ ۱۳۹۴/۰۲/۰۷

ببخشید منظورتان از سورس کدام فایل قالب هست؟
و یک تشکر ویژه بخاطر پاسخ و راهنماییتان
موفق باشد

بستگی به سیستم مدیریت محتوای شما دارد، فایل قالب بین سیستم های مختلف متفاوت است، باید ببینید خروجی HTML سایتتان از چه فایل ها یا توابعی حاصل می شود!، در صورتی که با CMS خود آشنایی کافی ندارید، لطفا به انجمن های پشتیبانی مربوط به آن CMS مراجعه کنید.

سینا

۱۲:۲۰ ۱۳۹۴/۰۲/۰۶

سلام
من چطور میتوانم لینک ارجاع شده از یک سایت که ادرس اون سایت ارجاع دهنده در ادرس بار هست به ادرس خود سایتم تغییر دهم یعنی رفرش شود به اون مطلب که از سایت دیگه ارجاع شده
یک نمونه میذارم ببینید
ممنون میشم راهنمایم کنید

http://facenama.com/links/id:575757

وقتی این لینک را باز کنید به ادرس سایت مقصد تبدیل میشه
اما این لیک پایین که مال من هست تغییر نمیکند

http://facenama.com/links/id:574833

با درج نمونه کد زیر در سورس سایت خود می توانید این کار را انجام دهید:

<script>
function breakoutOfFrame(){
	if(top.location != location){
		top.location.href = document.location.href;
	}
}
window.onload = breakoutOfFrame();
</script>

نفس اصولی (وبلاگ رسمی امیر احمد انصاری)

۰۱:۰۲ ۱۳۹۳/۰۹/۲۰

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

متاسفانه کد آماده ای که کامل تست شده باشد برای این کار در اختیار نداریم، باید به سایت های ارائه دهنده ابزار وبلاگ نویسی مراجعه و از آنها بخواهید که در صورت امکان این کد را برای شما (سازگار با سرویس بلاگفا) بنویسند.

سعید عباسی

۲۱:۴۶ ۱۳۹۳/۰۹/۰۸

با سلام و خسته نباشید
ببخشید من یک سوال داشتم
من یک سایت خبری دارم می خواهم هر چند لحظه یک بار بخشی از سایتم رفرش کند چطوری باید این کار را بروی سایتم اعمال نمایم ممنون می شوم راهنماییم کنید.

استفاده از متاتگ برای کل سایت است، برای بخش خاص یا باید از تکنیک قدیمی iframe استفاده کنید (توصیه نمی شود) یا اینکه از Ajax بهره بگیرید که نیاز به آشنایی و تجربه برنامه نویسی است.

EHSAN SCHOLL

۱۴:۲۳ ۱۳۹۳/۰۶/۱۶

سلام
من یه مشکل دارم
اونم اینه که سایت آجاکسه و توسط آدرس اطلاعات مربوطه را لود میکنه.
کدی هست که بدون رفرش مقدار آدرس رو مثلا از

shoma.com/about

به این

shoma.com/contacts

تغییر بده؟
یعنی مقدار href رو بگیره و در نوار آدرس قرار بده بصورتی که صفحه از اول لود نشه و آجاکس باشه

سوالتان مبهم است!
اطلاعات ارائه شده برای ارائه پاسخ کافی نیست!
آدرس یک نمونه صفحه را به همراه توضیح دقیق هدفتان ذکر کنید.

مهدی

۱۲:۴۳ ۱۳۹۳/۰۵/۱۱

سلام
من می خوام از دستور

<meta http-equiv="refresh" content="10" />

استفاده کنم اما می خوام فقط در زمان لود شدن صفحه فقط اجرا بشه و نه هر چند ثانیه یکبار. ضمنا اگه برای مقدار content عدد قرار بدم بعد این مدت رفرش میکنه در صورتی که من در زمان لود صفحه نیاز به رفرش دارم.
راهنماییم می کنید؟

اگر منظورتان این است که فقط یک بار صفحه رفرش شود، باید با نحوه تنظیم کوکی در جاوا اسکریپت یا کار با کوکی در PHP آشنا باشید، توضیح این مباحث ساده نیست.

majid

۱۱:۴۰ ۱۳۹۳/۰۵/۰۶

با سلام و تشکر از مطالب خوبتون
یه سوال داشتم من یک صفحه php دارم به اسم manage که داخلش 2 تا div دارم. داخل div1 یک جدول گذاشتم به نام khabar که عنوان یکی از سطرهایش حذف خبر است که وقتی ان را انتخاب میکنیم داخل div2 جدول خبر را از پایگاه داده نمایش میدهد که کنار هر سطرش ایکون حذف است که من میخوام با انتخاب ایکون حذف سطر حذف شود و صفحه همانجا رفرش شود که از دستور شما استفاده کردم و داخل صفحه manage برمیگردم ولی مشکلی که هست اینه که داخل div2 که جدول khabar است چیزی نمایش داده نمیشود چون زمانی جدول khabar رو نمایش میدهد که روی لینک حذف خبر در div1 کلیک کنیم چطور میشه یک مقدار بفرستیم که وقتی صفحه رفرش میشود بدون اینکه روی لینک حذف خبر در div1 کلیک کنیم جدول خبر را در div2 رفرش کند و نمایش دهد. نمیدانم منظورم را خوب رساندم. با تشکر

برای این کار می توانید در لینک حذف یا بازگشت یک پارامتر به صورت متد GET داشته باشید و در صفحه نمایش نتایج وجود این پارامتر را بررسی کنید، اگر ست شده بود لذا جدول دوم نیز باید نمایش داده شود، در غیر این صورت خیر، یک راه حل دیگر تنظیم سشن آی دی در صورتی است که کاربر روی لینک حذف کلیک کرده و به صفحه دیگر برود، با بررسی ست شدن یا نشدن سشن آی دی می توان وضعیت کاربر را مشخص کرد، یک راه دیگر نیز بررسی آدرس صفحه ارجاعی است که البته نسبت به روش های فوق خیلی جالب نیست!

Rapid

۰۰:۲۲ ۱۳۹۲/۱۱/۰۶

با سلام ممنون از مطالب کاربردیتون
ایا میتونم این این متا رفرش برای استفاده از فایل 404 استفاده کنم اون موقع دیگه استاندارد میشه و مشکلی با موتور های جستجو پیش نمیاره ؟؟ مثلا کاربر وقتی به صفحه 404 رفت بعد از 30 ثانیه بره به صفحه اصلی ...

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

صفحه 3 از 4

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