Hakan
Meraklı
Moderator
Onaylı Üye
HTML ile Sayfa Yönlendirme Nasıl Yapılır?
Bir web sayfasını başka bir sayfaya yönlendirmek oldukça kolaydır. HTML ile yönlendirme yapmak için birkaç farklı yöntem kullanabilirsiniz. Eğer mevcut bir sayfayı otomatik olarak başka bir sayfaya yönlendirmek istiyorsanız, aşağıdaki adımları izleyebilirsiniz:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Yönlendirme Sayfası</title>
<meta http-equiv="refresh" content="5;url=https://www.wf.com.tr">
<script>
setTimeout(function() {
window.location.href = "https://www.wf.com.tr";
}, 5000);
</script>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-family: sans-serif;
text-align: center;
}
.container {
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="container">
<h1>Yönlendiriliyorsunuz...</h1>
<p>5 saniye içinde <a href="https://www.wf.com.tr">WF.com.tr Adresine</a> yönlendirileceksiniz.</p>
<p>Eğer yönlendirme gerçekleşmezse, lütfen <a href="https://www.wf.com.tr">buraya tıklayın</a>.</p>
</div>
</body>HTML Kodun Açıklaması:
- <!DOCTYPE html>: HTML5 standardını belirtir.
- <html>: HTML belgesinin kök elementidir.
- <head>: Belgenin meta bilgilerini içerir.
- <title>: Tarayıcı sekmesinde görünen başlığı belirler.
<meta http-equiv="refresh" content="5;url=[URL]https://www.wf.com.tr[/URL]">: 5 saniye sonra belirtilen URL'ye yönlendirme yapar.- <script>: JavaScript kodu içerir.
- setTimeout(...): 5 saniye sonra yönlendirme işlemini gerçekleştirir.
- <style>: CSS stil kurallarını içerir.
- Hem <meta> etiketiyle hem de JavaScript ile yönlendirme yapılarak tarayıcı uyumluluğu artırılmıştır.
- Kullanıcıya yönlendirme hakkında bilgi veren bir arayüz sunuldu.
- Yönlendirme gerçekleşmezse bile manuel olarak tıklanabilecek bir bağlantımız mevcut.
- Basit CSS stilleri ile sayfa daha kullanıcı dostu hale getirildi.
- https://www.wf.com.tr yerine yönlendirmek istediğiniz URL'yi yazın.
- (5) yerine yönlendirme öncesi beklemek istediğiniz saniye sayısını yazın.
- HTML dosyasını bir web sunucusuna yükleyin veya tarayıcınızda açın.
