جستجو برای:
  • صفحه اصلی
  • دوره های آموزشی
    • آموزش سئو محتوا جدید 1401
    • آموزش رایگان وردپرس 1401
    • آموزش رایگان HTML و CSS
    • دوره طراحی سایت فرانت اند
    • دوره طراحی سایت با وردپرس
    • دوره جامع برنامه نویسی PHP
  • انجمن سایت آموزی
  • مقالات سایت آموزی
  • تماس با سایت آموزی
  • درباره سایت آموزی
  • 09366806011
  • siteamoozi[at]gmail.com
  • آموزش طراحی سایت
  • آموزش وردپرس
سایت آموزی
  • صفحه اصلی
  • دوره های آموزشی
    • آموزش سئو محتوا جدید 1401
    • آموزش رایگان وردپرس 1401
    • آموزش رایگان HTML و CSS
    • دوره طراحی سایت فرانت اند
    • دوره طراحی سایت با وردپرس
    • دوره جامع برنامه نویسی PHP
  • انجمن سایت آموزی
  • مقالات سایت آموزی
  • تماس با سایت آموزی
  • درباره سایت آموزی
0

ورود و ثبت نام

بلاگ

سایت آموزی > مقالات سایت آموزی > آموزش های طراحی سایت > html > meta تگ ها در HTML بخش سوم

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

فروردین 30, 1399
ارسال شده توسط سایت آموزی
html
1.09k بازدید

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 تگ متا – اختصاصی سایت آموزی

محتوا نمایش
1 meta تگ ها در HTML بخش سوم
2 تگ meta با مقدار refresh در خاصیت http-equiv در اچ تی ام ال
3 نکته مهم :
3.1 meta تگ ها در HTML بخش چهارم
3.1.1 پیوندهای مهم و کاربردی
3.2 meta تگ ها در HTML بخش سوم مقدار refresh تگ متا – اختصاصی سایت آموزی
برچسب ها: آموزش کاربردی htmlآموزش کاربردی html5آموزش کاربردی طراحی سایتآموزش های htmlاچ تی ام التگتگ metaزبان html
درباره سایت آموزی

علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب

نوشته های بیشتر از سایت آموزی
در اینستاگرام
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

رویداد های عمومی HTML ، رویداد عمومی HTML

ویژگی onbeforeprint در زبان اچ تی ام ال

صفت خصوصی accept در تگ input | ویژگی accept در html | صفت html

ویژگی name در زبان اچ تی ام ال

رویداد های عمومی HTML ، رویداد عمومی HTML

ویژگی onbeforeunload در تگ body

تفاوت شناسه و کلاس در اچ تی ام ال و سی اس اس

تفاوت inline-level و block-level در زبان html | تگ inline-level در html

تفاوت بلاک لول و اینلاین لول در زبان اچ تی ام ال

رویداد های عمومی HTML ، رویداد عمومی HTML

ویژگی عمومی onblur در زبان اچ تی ام ال

قدیمی تر meta تگ ها در HTML بخش دوم
جدیدتر meta تگ ها در HTML بخش چهارم

دیدگاهتان را بنویسید لغو پاسخ

سیزده + هشت =

دوره های آموزشی
دوره طراحی سایت فروشگاهی دوره طراحی سایت فروشگاهی
دوره طراحی سایت فرانت اند آموزش طراحی سایت فرانت اند
لوگوی معتبر پرداخت بانک اینترنتی پی لاین
لوگوی معتبر نماد اعتماد الکترونیک
لوگوی معتبر ساماندهی رسانه های دیجیتال
logo-samandehi
آخرین مقالات سایت آموزی
  • زبان های برنامه نویسی طراحی سایت
  • آموزش نصب وردپرس در لوکال هاست
  • رفع ارور Inline small CSS در جی تی متریکس
  • ویژگی onbeforeprint در زبان اچ تی ام ال
  • ویژگی name در زبان اچ تی ام ال
آخرین دیدگاه‌ها
  • مریم در خاصیت background-color در css
  • ابوالفضل در تفاوت شناسه و کلاس در اچ تی ام ال و سی اس اس
  • سایت آموزی در آموزش رایگان طراحی سایت شرکتی با وردپرس ( جدید 1401 )
  • hadi sobati در آموزش رایگان طراحی سایت شرکتی با وردپرس ( جدید 1401 )
  • سایت آموزی در آموزش HTML و CSS رایگان ، پروژه محور و کاربردی ( جدید 1401 )
تمامی حقوق برای سایت آموزی محفوظ می باشد.

ورود

شانزده − 13 =

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت