Cách Thực Hiện Chuyển Hướng HTML

Đôi khi cần chuyển hướng người dùng sang trang mới. Có nhiều cách (backend), nhưng bài này trình bày chuyển hướng client-side bằng HTML.

Chuyển hướng diễn ra trong <head> bằng thẻ <meta>. Cú pháp cho phép độ trễ trước khi chuyển.

<head>
  <meta http-equiv="refresh" content="<số_giây>; url=<URL_đích>">
</head>

http-equiv="refresh" mô phỏng header HTTP refresh. content gồm: giây chờ (để hiện thông báo) và URL đích.

Lưu ý: Thời gian tính bằng giây (không phải mili-giây). Nhập 1000 sẽ chờ 1000 giây!

Ví dụ hoàn chỉnh:

<html>
<head>
  <meta http-equiv="refresh" content="1; url=https://careerkarma.com/blog/html">
  <style> body { font-family: 'Roboto'; margin: 20px; } </style>
</head>
<body>
  Bạn đang được chuyển đến <a href="https://careerkarma.com/blog/html">trang mới</a>.
  Vui lòng bấm liên kết nếu không tự chuyển sau 5 giây.
</body>
</html>

Nếu không thể dùng backend, đây là giải pháp thay thế hữu ích.