HTML - Meta Etiketler

HTML, bir belge hakkında çeşitli şekillerde ek önemli bilgiler olan meta verileri belirlemenizi sağlar. META öğeleri, HTML belgesinin yazar, son kullanma tarihi, anahtar sözcük listesi, belge yazarı vb. Gibi özelliklerini tanımlayan ad / değer çiftlerini dahil etmek için kullanılabilir.

<meta>etiketi, bu tür ek bilgileri sağlamak için kullanılır. Bu etiket boş bir öğedir ve bu nedenle bir kapanış etiketine sahip değildir, ancak öznitelikleri dahilinde bilgi taşır.

Belgenizde saklamak istediğiniz bilgileri temel alarak belgenize bir veya daha fazla meta etiket ekleyebilirsiniz, ancak genel olarak meta etiketler belgenin fiziksel görünümünü etkilemez, bu nedenle görünüm açısından, eklemeniz önemli değildir onlar ya da değil.

Belgelerinize Meta Etiket Ekleme

Web sayfalarınıza meta veriler eklemek için <meta> etiketlerini belgenin temsil ettiği başlık içine yerleştirebilirsiniz. <head> ve </head>etiketleri. Bir meta etiket, temel niteliklere ek olarak aşağıdaki niteliklere sahip olabilir -

Sr.No Öznitelik ve Açıklama
1

Name

Mülkün adı. Herşey olabilir. Örnekler arasında anahtar kelimeler, açıklama, yazar, revize edilmiş, oluşturucu vb. Yer alır.

2

content

Özelliğin değerini belirtir.

3

scheme

Özelliğin değerini yorumlamak için bir şema belirtir (içerik özniteliğinde belirtildiği gibi).

4

http-equiv

Http yanıt mesajı başlıkları için kullanılır. Örneğin, http-equiv, sayfayı yenilemek veya bir çerez ayarlamak için kullanılabilir. Değerler, içerik türü, sona erme, yenileme ve tanımlama bilgisini içerir.

Anahtar Kelimeleri Belirtme

Belge ile ilgili önemli anahtar kelimeleri belirtmek için <meta> etiketini kullanabilirsiniz ve daha sonra bu anahtar kelimeler arama motorları tarafından web sayfanızı arama amacıyla indekslerken kullanılır.

Misal

Aşağıda, belgeyle ilgili önemli anahtar sözcükler olarak HTML, Meta Etiketler ve Meta Verileri eklediğimiz bir örnek yer almaktadır.

<!DOCTYPE html>
<html>
   
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
   </head>
   
   <body>
      <p>Hello HTML5!</p>
   </body>
   
</html>

Bu, aşağıdaki sonucu verecektir -

Belge Tanımı

Doküman hakkında kısa bir açıklama vermek için <meta> etiketini kullanabilirsiniz. Bu da yine çeşitli arama motorları tarafından web sayfanızı arama amacıyla indekslerken kullanılabilir.

Misal

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
   
</html>

Belge Revizyon Tarihi

Belgenin en son ne zaman güncellendiği hakkında bilgi vermek için <meta> etiketini kullanabilirsiniz. Bu bilgiler, web sayfanızı yenilerken çeşitli web tarayıcıları tarafından kullanılabilir.

Misal

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Belge Yenileniyor

Web sayfanızın otomatik olarak yenilenmeye devam edeceği süreyi belirtmek için bir <meta> etiketi kullanılabilir.

Misal

Sayfanızın her 5 saniyede bir yenilenmesini istiyorsanız, aşağıdaki sözdizimini kullanın.

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Sayfa Yönlendirme

Sayfanızı başka bir web sayfasına yönlendirmek için <meta> etiketini kullanabilirsiniz. Sayfayı belirli bir saniye sonra yeniden yönlendirmek istiyorsanız bir süre de belirtebilirsiniz.

Misal

Aşağıda, geçerli sayfanın 5 saniye sonra başka bir sayfaya yeniden yönlendirilmesine bir örnek verilmiştir. Sayfayı hemen yeniden yönlendirmek istiyorsanız, içerik özniteliğini belirtmeyin .

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5; url = http://www.tutorialspoint.com" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Çerezleri Ayarlama

Çerezler, bilgisayarınızda küçük metin dosyalarında saklanan verilerdir ve web uygulaması ihtiyacınıza göre çeşitli bilgileri takip etmek için web tarayıcısı ile web sunucusu arasında değiştirilir.

Çerezleri istemci tarafında saklamak için <meta> etiketini kullanabilirsiniz ve daha sonra bu bilgiler Web Sunucusu tarafından bir site ziyaretçisini izlemek için kullanılabilir.

Misal

Aşağıda, geçerli sayfanın 5 saniye sonra başka bir sayfaya yeniden yönlendirilmesine bir örnek verilmiştir. Sayfayı hemen yeniden yönlendirmek istiyorsanız, içerik özniteliğini belirtmeyin .

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08-Aug-15 23:59:59 GMT;" />
         
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

Son kullanma tarihini ve saatini dahil etmezseniz, çerez bir oturum çerezi olarak kabul edilir ve kullanıcı tarayıcıdan çıktığında silinir.

Note- Çerezler hakkında eksiksiz bir ayrıntı için PHP ve Çerezler eğitimine bakabilirsiniz .

Yazar Adını Ayarlama

Bir web sayfasında meta etiket kullanarak bir yazar adı belirleyebilirsiniz. Aşağıdaki bir örneğe bakın -

Misal

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Karakter Setini Belirtin

Web sayfasında kullanılan karakter setini belirtmek için <meta> etiketini kullanabilirsiniz.

Misal

Varsayılan olarak, Web sunucuları ve Web tarayıcıları, Web sayfalarını işlemek için ISO-8859-1 (Latin1) kodlamasını kullanır. Aşağıda UTF-8 kodlamasını ayarlamak için bir örnek verilmiştir -

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

Statik sayfayı geleneksel Çince karakterlerle sunmak için web sayfasının Big5 kodlamasını ayarlamak için bir <meta> etiketi içermesi gerekir -

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = Big5" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>