HTML yönlendirme, bir web sayfasını başka bir web sayfasına yönlendirmek için kullanılır. Bu işlem, <meta> etiketi ve http-equiv ve content niteliklerinin uygun parametreleri ile gerçekleştirilir.
http-equiv Niteliği
http-equiv niteliği, web sunucusuna bir web sayfasının nasıl sunulması gerektiği konusunda bilgi verir. Yönlendirme durumunda, http-equiv niteliğine “refresh” değeri atanır:
<meta http-equiv="refresh" ...>
content Niteliği
content niteliği, http-equiv veya name niteliklerine bağlı olarak ilişkili değeri verir. Yönlendirme durumunda, content niteliğine sayfanın kaç saniye sonra hangi sayfaya yönleneceği bilgisini yazarak kullanılır. Yönlenecek sayfa bilgisini girmezseniz, aynı sayfaya yönlendirme veya yenileme işlemi gerçekleşir.
Yönlendirme Kodu Örneği
Aşağıda, 5 saniye sonra “ornek.html” sayfasına yönlendiren bir HTML yönlendirme kodu örneği bulunmaktadır:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="5; url=ornek.html">
<title>Yönlendirme Örneği</title>
</head>
<body>
<h1>5 Saniye Sonra Yönlendiriliyorsunuz...</h1>
</body>
</html>
Bu örnek, sayfayı açtıktan 5 saniye sonra “ornek.html” adlı sayfaya yönlendirir. Eğer yönlendirilecek sayfa bilgisini (URL) belirtmezseniz, aşağıdaki gibi aynı sayfada yenileme işlemi gerçekleşir:
<meta http-equiv="refresh" content="5">
<meta> etiketi ve http-equiv ve content niteliklerinin uygun parametreleri kullanarak HTML yönlendirme işlemini gerçekleştirebilirsiniz. Bu yöntem sayesinde, belirli bir süre sonra kullanıcıları başka bir sayfaya yönlendirebilir veya mevcut sayfayı yenileyebilirsiniz.
Dikkat: <meta> etiketi ile ilgili tüm nitelikler ve detaylar, sayfanın altındaki bağlantıda mevcuttur. Yönlendirme dışında başka işlemler için de <meta> etiketi kullanılabilir, bu nedenle etiketin tüm özelliklerini inceleyerek daha fazla bilgi edinebilirsiniz.
HTML yönlendirme, kullanıcıları bir sayfadan başka bir sayfaya yönlendirmek için kullanılabilir. <meta> etiketi ile yapılan yönlendirmenin yanı sıra, sayfa içinde yönlendirme ve farklı bir siteye yönlendirme gibi çeşitli yönlendirme şekilleri bulunmaktadır. Ayrıca, .htaccess ve config dosyaları gibi sunucu tarafındaki dosyalara da yönlendirme kodları eklenebilir.
1. Sayfa İçinde Yönlendirme
Sayfa içinde yönlendirme, aynı sayfa içinde belirli bir bölüme yönlendirme yapmak için kullanılır. Bu tür yönlendirmelerde <a> etiketi ve ilgili bölümün ID’si kullanılır.
<a href="#section1">Bölüm 1'e Git</a>
<!-- ... -->
<div id="section1">
<h2>Bölüm 1</h2>
<p>Bu bölümde, ...</p>
</div>
Örnek:2. Farklı Bir Siteye Yönlendirme
Farklı bir siteye yönlendirme yapmak için, <a> etiketi ve yönlendirilecek sitenin URL’si kullanılır.
Örnek:
<a href="https://www.example.com" target="_blank">Example.com'a Git</a>
3. .htaccess Dosyası ile Yönlendirme
Apache sunucularında, .htaccess dosyası ile yönlendirme işlemleri gerçekleştirilebilir. Özellikle, 301 yönlendirmeleri SEO dostu yönlendirmeler olarak bilinir.
Örnek:
Redirect 301 /eski-sayfa.html /yeni-sayfa.html
4. PHP veya ASP.NET Config Dosyası ile Yönlendirme
Sunucu tarafında çalışan dillerde, config dosyaları kullanarak yönlendirme işlemleri yapılabilir. Örneğin, PHP’de header fonksiyonu ile yönlendirme gerçekleştirilebilir.
Örnek (PHP):
<?php
header("Location: https://www.example.com");
exit;
?>
ASP.NET’te ise web.config dosyası kullanarak yönlendirme işlemi gerçekleştirilebilir.
Örnek (ASP.NET web.config):
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="Redirect to example.com">
<match url="^eski-sayfa$" />
<action type="Redirect" url="https://www.example.com/yeni-sayfa" redirectType="Permanent" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>