META टैग का उपयोग
JavaScript के बिना पेज रीडायरेक्ट करने के लिए HTML <meta> टैग का उपयोग करें जिसमें http-equiv="refresh" एट्रिब्यूट हो।
सिंटैक्स
- seconds: रीडायरेक्ट से पहले प्रतीक्षा सेकंड्स
- url: लक्ष्य URL (वैकल्पिक - छोड़ने पर वर्तमान पेज रीलोड होता है)
उदाहरण
विशेष मान
HTTP हेडर विकल्प (सर्वर-साइड)
सर्वर कॉन्फिगरेशन में HTTP हेडर सेट करना बेहतर है:
Meta Refresh vs JavaScript vs HTTP Redirect
| विधि | पक्ष | विपक्ष |
|---|---|---|
| Meta Refresh | JS की आवश्यकता नहीं, सरल | UX खराब, SEO के लिए खराब, बैक बटन तोड़ता है |
| JavaScript | नियंत्रण, कंडीशनल लॉजिक | JS डिसेबल होने पर काम नहीं करता |
| HTTP 301/302 | सर्वश्रेष्ठ SEO, तेज़, कैशेबल | सर्वर एक्सेस आवश्यक |
सर्वोत्तम अभ्यास
- स्थायी मूव: HTTP 301 (Moved Permanently)
- अस्थायी मूव: HTTP 302 (Found) या 307
- क्लाइंट-साइड केवल:
window.location.hrefयाwindow.location.replace() - Meta refresh से बचें जब तक सर्वर एक्सेस न हो
एक्सेसिबिलिटी चेतावनी
Meta refresh स्क्रीन रीडर उपयोगकर्ताओं के लिए भ्रमित करने वाला हो सकता है। WCAG दिशानिर्देशों के अनुसार, यदि उपयोग किया जाए तो पर्याप्त समय दें और रोकने का विकल्प दें।
