sina salehifard 21 اردیبهشت 1393 6 4624 بازدید آموزش HTML
فیلم آموزش انتقال کاربران به یک صفحه وب دیگر (ریدایرکت – html redirect)

آیا تا به حال برایتان پیش آمده که بخواهید مسیر بازدیدکنندگان سایت یا وبلاگ خود را تغییر دهید؟ در این فیلم آموزشی html، به شما می آموزیم که با استفاده از یک خط کدنویسی، به راحتی بازدیدکننده سایتتان را پس از مدتی مشخصی، بصورت اتوماتیک به صفحه ای که مدنظرتان است، منتقل (redirect) کنید.

فیلم آموزش انتقال کاربران به یک صفحه وب دیگر (html redirect)

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

 

متن فیلم آموزش انتقال کاربران به یک صفحه وب دیگر (ریدایرکت – html redirect)

انتقال کاربران به یک صفحه دیگر

در طراحی سایت گاهی نیاز است که کاربران به یک صفحه دیگر منتقل شوند. عملیات redirect یا انتقال را از طریق php, javascript و html می توانید انجام دهید.

به وسیله تگ meta در بین تگ head می توانیم کاربر را بعد از مدت دلخواه به آدرس دلخواه منتقل کنیم :


<head>

<meta content="زمان انتقال; http://adress.ir" http-equiv="refresh" />

</head>

نکته : دقت کنید که این تگ متا را قبل از عنوان سایت بنویسید.

مثال :

می خواهیم کاربر پس از 5 ثانیه به آدرس سایت آنلاینر هدایت شود :


<head>

<meta content="5; http://onliner.ir" http-equiv="refresh" />

</head>

می بینیم پس از 5 ثانیه کاربر به سایت آنلاینر هدایت می شود بهتر است برای کاربر یک متن هم بنویسیم تا فکر نکند صفحه load نشده است.


<html>
<head>
<meta content="5; http://onliner.ir" http-equiv="refresh" />
<title>Onliner</title>
</head>
<body>
<P>YOU WILL BE REDIRECTED  TO HTTP://ONLINER.IR  IN 5 SECOND...</P>
</body>
</html>

 

re1

دسترسی سریع :

نظرات کاربران (6)




  1. سلام
    این کد توسط موزیلا پشتیبانی نمیشه
    برای مثال من این کد رو در
    http://baneweb.com/
    گذاشتم
    تو کروم مساله نداره و به http://shop.baneweb.com/ ریدایرکت میشه اما تو موزیلا رفرش میشه تو خودش؟

    • گروه آموزش طراحی سایت

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

  2. حسین

    doctype رو براش به چه شکلی تعریف کنم؟ popup نداد چیزی.

    • گروه طراحی سایت

      فیلمهای آموزشی مارا از ابتدا دنبال کنید. در قسمت آموزشهای اچ تی ام ال، نحوه ی فارسی نویسی را ببینید و خط اول را مثل آن بنویسید.

  3. حسین

    با سلام و تشکر از آموزش ها. برای redirect کردن ، مرورگرهای فایرفاکس و کروم کار میکنه ولی برای ie من کار نمیکنه . چرا؟ ورژن 9 هست ie

    • گروه طراحی سایت

      سلام
      مرورگر ie روی تعریف doctype حساس هست. doctype رو براش تعریف کردید؟ ضمن اینکه موقع اجرا پیامی بصورت popup ظاهر نشده؟