কখনো কখনো আপনাকে আপনার ওয়েব ট্রাফিককে একটি নতুন সাইটে রিডাইরেক্ট করতে হতে পারে। রিডাইরেক্ট করার একাধিক উপায় আছে, সাধারণত ব্যাকএন্ডের মাধ্যমে, কিন্তু এই আর্টিকেলে আমরা ক্লায়েন্ট সাইড রিডাইরেক্ট HTML-এ কীভাবে করা যায় তা কভার করব।
এই রিডাইরেক্ট আপনার HTML ডকুমেন্টের হেডে, একটি মেটা ট্যাগে ঘটে। এই রিডাইরেক্টের সিন্ট্যাক্স আমাদের ব্রাউজার নতুন একটি ওয়েব পেজে রিডাইরেক্ট করার আগে ডিলে করার ক্ষমতা দেয়।
এই রিডাইরেক্টের সিন্ট্যাক্স নিচের মতো:
<head> <meta http-equiv="refresh" content="<num seconds>; url=<site to redirect to>"> </head>
http-equiv অ্যাট্রিবিউট মূলত একটি HTTP রেসপন্স হেডার সিমুলেট করে, যা রিফ্রেশ হওয়ার অনুমতি দেয়। কন্টেন্ট অ্যাট্রিবিউট består of the num of seconds to delay the refresh in case you want to send a message to a user before the page redirects (i.e. bookmark the new page because the site has moved permanently, site is down temporarily and you’re taking them to another version of site).
মনে রাখবেন যে সময় সেকেন্ডে পরিমাপ করা হয়, কিন্তু ওয়েব ডেভেলপমেন্টের dunia-এ অনেক কিছু মিলিসেকেন্ডে পরিমাপ করা হয়। আপনি যদি এই রিডাইরেক্টের জন্য ১,০০০ সময় হিসেবে দেন, তবে আপনি বা আপনার ক্লায়েন্ট পেজ আসলে রিডাইরেক্ট হওয়ার আগে অনেকক্ষণ অপেক্ষা করবেন।
কন্টেন্ট অ্যাট্রিবিউটের দ্বিতীয় অর্ধাংশ হল সেই 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> You are being redirect to <a rel="noreferrer noopener" href="https://careerkarma.com/blog/html">https://www.careerkarma.com/blog/html.</a> Please click this link if not redirected in five seconds </body> </html>
যদি আপনার ব্যাকএন্ড ব্যবহার করে রিডাইরেক্ট করার ক্ষমতা না থাকে, তবে নিশ্চিত করে এই অপশন বিবেচনা করুন!
