Computer >> Máy Tính >  >> Lập trình >> HTML

Cách thực hiện chuyển hướng HTML

Có thể có những lúc bạn cần chuyển hướng lưu lượng truy cập web của mình đến một trang mới. Có nhiều cách để thực hiện chuyển hướng, thường là thông qua phần phụ trợ, nhưng trong bài viết này, chúng tôi đề cập đến cách thực hiện bằng cách sử dụng chuyển hướng phía máy khách trong HTML.

Chuyển hướng này diễn ra trong phần đầu của tài liệu HTML của bạn, trong thẻ meta. Cú pháp cho chuyển hướng này cho chúng ta khả năng trì hoãn trước khi trình duyệt chuyển hướng đến một trang web mới.

Cú pháp cho chuyển hướng này như sau:

<head> 
    <meta http-equiv="refresh" content="<num seconds>; url=<site to redirect to>"> 
</head>

Thuộc tính http-equiv về cơ bản mô phỏng tiêu đề phản hồi HTTP, cho phép quá trình làm mới diễn ra. Thuộc tính content bao gồm số giây để trì hoãn quá trình làm mới trong trường hợp bạn muốn gửi tin nhắn cho người dùng trước khi trang chuyển hướng (tức là đánh dấu trang mới vì trang đã chuyển vĩnh viễn, trang tạm thời ngừng hoạt động và bạn đang sử dụng chúng đến một phiên bản khác của trang web).

Hãy nhớ rằng thời gian được tính bằng giây, nhưng nhiều thứ trong thế giới phát triển web được tính bằng mili giây. Nếu bạn đặt 1.000 là thời gian cho chuyển hướng này, bạn hoặc khách hàng của bạn sẽ đợi một lúc lâu trước khi trang thực sự chuyển hướng.

Nửa sau của thuộc tính nội dung là URL mà bạn sẽ chuyển hướng đến. Tất cả điều này diễn ra trong phần đầu của trang HTML.

Đây là giao diện của nó trên một tài liệu HTML thực tế:

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>

Nếu bạn không có khả năng sử dụng chương trình phụ trợ để thực hiện chuyển hướng, hãy chắc chắn cân nhắc tùy chọn này!

81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.

Sinh viên tốt nghiệp bootcamp trung bình dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.