meta تگ ها در HTML بخش سوم مقدار refresh تگ متا

meta تگ ها در HTML بخش سوم را جهت مطالعه شما همراهان گرامی سایت آموزی تدارک دیدیم.

در بخش دوم تگ های متا این سری آموزشی با مقادیر دیگری از خاصیت http-equiv در تگ meta آشنا شدید.

meta تگ ها در HTML بخش سوم

meta تگ ها در HTML بخش سوم مقدار refresh تگ متا - سایت آموزی

در بخش سوم این سری آموزشی هم به مقادیر دیگری از خاصیت http-equiv در ساخت انواع تگ meta می پرازیم.

تگ meta با مقدار refresh در خاصیت http-equiv در اچ تی ام ال

در صورتی که نیاز داریم صفحه مورد نظر در زمانی که برایش تعیین می کنیم، مجدد بارگذاری شود بایستی از مقدار refresh در خاصیت http-equiv استفاده کنیم.

برای این منظور بایستی ابتدا خاصیت http-equiv را برابر با مقدار refresh قرار دهیم.

و علاوه بر آن باید در خصوصیت دیگری در تگ meta به نام content زمان بارگذاری مجدد را تعیین کنید.

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

[html]<meta http-equiv = “refresh”  content = “60”>[/html]

در مثال بالا می بینید که خاصیت http-equiv برابر با مقدار refresh می باشد.

و خاصیت content را برابر مقدار ۶۰ یعنی ۶۰ ثانیه در نظر گرفتیم.

به عبارتی با قطعه کد meta در بالا مشخص کردیم، صفحه مورد نظر پس از ۶۰ ثانیه مجددا بارگذاری شود.

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

مطابق روش بالا خاصیت http-equiv را برابر با مقدار refresh قرار می دهیم.

سپس خاصیت content را برابر با تعداد ثانیه مورد نظرمان جهت بارگذاری مجدد قرار می دهیم.

در اینجا پس از مقدار ثانیه یک علامت سمی کالن ( ; ) قرار می دهیم.

سمی کالن جهت تفکیک کردن مقادیر content در اینجا استفاده می شود.

پس از سمی کالن مذکور و قبل از دبل کوتیشن بسته ( ” “ ) در خاصیت content آدرس url صفحه ای که می خواهیم صفحه ما پس از زمان مورد نظرمان به آن صفحه هدف لود شود را قرار می دهیم.

نکته مهم :

جهت جداسازی آدرس url از کوتیشن های خاصیت content از سینگل کوتیشن ( ‘ ‘ ) در آدرس url استفاده می شود.

کد زیر نمونه ای از تگ meta در اچ تی ام ال می باشد که صفحه ما را به صفحه مورد نظر با آدرس url مسیردهی می کند:

[html]<meta http-equiv = “refresh” content = ” 60; url = ‘https://siteamoozi.com’ “>[/html]

جهت مطالعه بخش بعدی meta تگ ها در HTML بر روی لینک زیر کلیک کنید:

meta تگ ها در HTML بخش چهارم

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

meta تگ ها در HTML بخش سوم مقدار refresh تگ متا – اختصاصی سایت آموزی