อาจมีบางครั้งที่คุณต้องเปลี่ยนเส้นทางการเข้าชมเว็บของคุณไปยังไซต์ใหม่ มีหลายวิธีในการเปลี่ยนเส้นทาง โดยปกติแล้วจะผ่านแบ็กเอนด์ แต่ในบทความนี้ เราจะพูดถึงวิธีการดำเนินการโดยใช้การเปลี่ยนเส้นทางฝั่งไคลเอ็นต์ใน HTML
การเปลี่ยนเส้นทางนี้เกิดขึ้นในส่วนหัวของเอกสาร HTML ในเมตาแท็ก ไวยากรณ์สำหรับการเปลี่ยนเส้นทางนี้ช่วยให้เราสามารถหน่วงเวลาก่อนที่เบราว์เซอร์จะเปลี่ยนเส้นทางไปยังหน้าเว็บใหม่
ไวยากรณ์สำหรับการเปลี่ยนเส้นทางนี้มีดังต่อไปนี้:
<head>
<meta http-equiv="refresh" content="<num seconds>; url=<site to redirect to>">
</head>
โดยทั่วไปแอตทริบิวต์ http-equiv จะจำลองส่วนหัวการตอบสนอง HTTP ซึ่งช่วยให้การรีเฟรชเกิดขึ้นได้ แอตทริบิวต์เนื้อหาประกอบด้วยจำนวนวินาทีในการชะลอการรีเฟรช ในกรณีที่คุณต้องการส่งข้อความไปยังผู้ใช้ก่อนที่หน้าจะเปลี่ยนเส้นทาง (เช่น บุ๊กมาร์กหน้าใหม่เนื่องจากไซต์ถูกย้ายอย่างถาวร ไซต์หยุดทำงานชั่วคราวและคุณกำลังดำเนินการ ไปยังไซต์เวอร์ชันอื่น)
จำไว้ว่าเวลานั้นวัดเป็นวินาที แต่หลายสิ่งในโลกของการพัฒนาเว็บนั้นวัดเป็นมิลลิวินาที หากคุณใส่ 1,000 ลงในเวลาสำหรับการเปลี่ยนเส้นทางนี้ คุณหรือลูกค้าของคุณจะรอสักครู่ก่อนที่หน้าจะเปลี่ยนเส้นทางจริง ๆ
ช่วงครึ่งหลังของแอตทริบิวต์เนื้อหาคือ 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> หากคุณไม่สามารถใช้แบ็กเอนด์เพื่อเปลี่ยนเส้นทางได้ ให้พิจารณาตัวเลือกนี้ด้วย!
81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้
ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก
