Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML रीडायरेक्ट कैसे करें

ऐसे समय हो सकते हैं जब आपको अपने वेब ट्रैफिक को नई साइट पर रीडायरेक्ट करने की आवश्यकता हो। रीडायरेक्ट करने के कई तरीके हैं, आमतौर पर बैकएंड के माध्यम से, लेकिन इस लेख में हम क्लाइंट-साइड रीडायरेक्ट का उपयोग करके HTML में इसे कैसे करें, इसे कवर करते हैं।

यह रीडायरेक्ट आपके HTML दस्तावेज़ के हेड में, एक मेटा टैग में होता है। इस रीडायरेक्ट का सिंटैक्स हमें ब्राउज़र के नए वेब पेज पर रीडायरेक्ट होने से पहले देरी करने की क्षमता देता है। 

इस रीडायरेक्ट के लिए सिंटैक्स इस प्रकार है: 

<head> <meta http-equiv="refresh" content="<सेकंड की संख्या>; url=<रीडायरेक्ट करने के लिए साइट>"> </head>

http-equiv विशेषता मूल रूप से एक HTTP रिस्पांस हेडर का अनुकरण करती है, जो रीफ्रेश होने की अनुमति देती है। कंटेंट विशेषता में रीफ्रेश को विलंबित करने के लिए सेकंड की संख्या होती है, यदि आप पेज रीडायरेक्ट होने से पहले यूजर को संदेश भेजना चाहते हैं (यानी नया पेज बुकमार्क करें क्योंकि साइट स्थायी रूप से चली गई है, साइट अस्थायी रूप से डाउन है और आप उन्हें साइट के दूसरे संस्करण पर ले जा रहे हैं)।

याद रखें कि समय सेकंड में मापा जाता है, लेकिन वेब डेवलपमेंट की दुनिया में कई चीजें मिलीसेकंड में मापी जाती हैं। यदि आप इस रीडायरेक्ट के लिए समय के रूप में 1,000 डालते हैं, तो आप या आपका क्लाइंट पेज के वास्तव में रीडायरेक्ट होने से पहले लंबे समय तक इंतजार करेगा। 

कंटेंट विशेषता का दूसरा भाग वह URL है जिस पर आप निर्देशित करेंगे। यह सब HTML पेज के हेड में होता है। 

यह वास्तविक HTML दस्तावेज़ पर कैसा दिखता है: 

html> <head> <head> <meta http-equiv="refresh" content="1; url=https://www.careerkarma.com/blog/html"> </head> <style> body { font-family: 'Roboto'; margin: 20px; } p { margin: 0; padding: 0; } </style> </head> <body> आप <a rel="noreferrer noopener" href="https://careerkarma.com/blog/html">https://www.careerkarma.com/blog/html</a> पर रीडायरेक्ट किए जा रहे हैं। यदि पांच सेकंड में रीडायरेक्ट न हो तो इस लिंक पर क्लिक करें </body> </html>

यदि आपके पास बैकएंड का उपयोग करके रीडायरेक्ट करने की क्षमता नहीं है, तो निश्चित रूप से इस विकल्प पर विचार करें!

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद वे अपनी टेक जॉब संभावनाओं के बारे में अधिक आश्वस्त महसूस करते हैं। आज ही बूटकैंप से जुड़ें।

औसत बूटकैंप ग्रेजुएट ने करियर ट्रांजिशन में छह महीने से कम समय बिताया, बूटकैंप शुरू करने से लेकर पहली नौकरी पाने तक।

  1. HTML में ब्लॉककोट (<blockquote>) का उपयोग कैसे करें? HTML में ब्लॉककोट (<blockquote>) का उपयोग कैसे करें?

    लंबी कोटेशन के लिए <blockquote> टैग लंबी कोटेशन (उद्धरण) दर्शाने के लिए उपयोग होता है। इसमें केवल ब्लॉक-लेवल एलिमेंट्स होने चाहिए, सादा टेक्स्ट नहीं। इसका cite एट्रिब्यूट कोटेशन के स्रोत का URL बताता है। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML blockquot

  1. HTML पेज से रीडायरेक्ट कैसे करें? HTML पेज से रीडायरेक्ट कैसे करें?

    पेज रीडायरेक्शन वह स्थिति है जहां आप पेज X पर पहुंचने के लिए एक URL पर क्लिक करते हैं लेकिन आंतरिक रूप से आपको दूसरे पेज Y पर निर्देशित किया जाता है। HTML पेज से रीडायरेक्ट करने के लिए META टैग का उपयोग करें। इसके साथ, content एट्रिब्यूट के मान के लिए HTTP हेडर प्रदान करने के लिए http-equiv एट्रिब्य

  1. विज़िटर्स को नए होम पेज पर ऑटोमेटिकली कैसे रीडायरेक्ट करें? विज़िटर्स को नए होम पेज पर ऑटोमेटिकली कैसे रीडायरेक्ट करें?

    पेज रीडायरेक्शन वह स्थिति है जहां आप पेज X पर पहुंचने के लिए एक URL पर क्लिक करते हैं लेकिन आंतरिक रूप से आपको दूसरे पेज Y पर निर्देशित किया जाता है। HTML पेज से रीडायरेक्ट करने के लिए META टैग का उपयोग करें। इसके साथ, content एट्रिब्यूट के मान के लिए HTTP हेडर प्रदान करने के लिए http-equiv एट्रिब्य