Chuyển hướng trang (page redirection) là khi click URL trang X nhưng bị dẫn đến trang Y. Dùng thẻ <meta> với thuộc tính http-equiv="refresh" để redirect phía client mà không cần JavaScript.
Ví dụ: Chuyển hướng sau 2 giây
<!DOCTYPE html>
<html>
<head>
<title>HTML Meta Tag Redirect</title>
<meta http-equiv="refresh" content="2; url=https://www.example.com" />
</head>
<body>
<p>Đang chuyển hướng sau 2 giây...</p>
</body>
</html>
Cú pháp:
<meta http-equiv="refresh" content="seconds; url=targetURL" />
seconds: Số giây chờ trước khi redirect (0 = ngay lập tức).url: Địa chỉ đích.
So sánh Meta Refresh vs JavaScript Redirect:
| Đặc điểm | Meta Refresh | JavaScript (window.location) |
|---|---|---|
| Cần JS bật | Không | Có |
| Điều khiển linh hoạt | Khó (chỉ delay + url) | Dễ (dieu kiện, logic, event) |
| SEO | Không khuyến khích (Google khuyên dùng 301 server-side) | Tương tự, Google có thể không follow |
| Accessibility | Kém (user không kiểm soát) | Tùy implement |
Khuyến nghị: Nên dùng redirect server-side (HTTP 301/302) qua .htaccess, Nginx config, PHP header(), Node.js res.redirect(). Chỉ dùng meta/JS khi không thể can thiệp server.