Sử dụng thẻ META HTTP-EQUIV
Đặt trong <head> để chuyển hướng tự động mà không cần JS.
Cú pháp
<meta http-equiv="refresh" content="seconds; url=target-url" />
content: giây chờ + URL đích.content="0; url=...": chuyển ngay lập tức.
Ví dụ: Chuyển sau 2 giây
<!DOCTYPE html>
<html>
<head>
<title>Redirection</title>
<meta http-equiv="refresh" content="2; url=https://www.tutorialspoint.com" />
</head>
<body>
<p>Trang này sẽ chuyển hướng sau 2 giây.</p>
</body>
</html>
Ưu/nhược điểm so với JS
| META refresh | JS (location.href) |
|---|---|
| Hoạt động khi JS tắt | Yêu cầu JS bật |
| Không kiểm soát logic | Điều kiện, xác thực, delay động |
| Khó dọn dẹp (history) | Dùng replace() không lưu history |
| SEO: Google khuyên tránh | Tốt hơn cho SEO (server-side redirect 301/302) |
Khuyến nghị
- Ưu tiên redirect server-side (HTTP 301/302).
- Dùng META chỉ khi không thể cấu hình server.
- Dùng JS khi cần logic điều kiện (login check, A/B test...).