HTML <meta> Etiketi

HTML <meta> etiketi veriler hakkında bilgi vermek için kullanılır. HTML belgesi hakkında meta verileri sağlayan bu etiket tarayıcıda görünmez.

Description(açıklama), keywords(anahtar kelimeler), author(sayfa yazarı), last modified(son değiştirilme tarihi) ve diğer birçok veri <meta> etiketi arasında tanımlanır.

Meta verileri tarayıcılar ve arama motorları (anahtar kelimeler) tarafından sıklıkla kullanılırlar.

 

Söz dizimi:

<meta charset="utf-8">  

 

Özellikleri:

Görüntüleme
Etiketi Başlat/ Etiketi Bitir
Kullanımı
Yok
Sadece Başlangıç Etiketi
Yapısal

 

Meta Etiketi Kullanımları:

1- Aşağıdaki kullanım karakter seti değerinin utf-8 olduğunu belirtir. Başka bir dil seti tanımlanabilir.

<meta charset="utf-8">  

2- Aşağıdaki kullanım arama motorları tarafından kullanılan anahtar kelimeleri listeler.

<meta name="keywords" content="HTML, CSS, JavaScript, Java">  

3- Aşağıdaki kullanım web sitesi tanımını belirtir ve bu tanım arama motorları tarafından görüntülenir.

<meta name="description" content="Ücretsiz HTML Eğitimi">  

4-Aşağıdaki kullanım web sayfasının yazar bilgilerini tanımlamak için kullanılır.

< meta name = "author" content = "Yazar Bilgileri" >

5- Aşağıdaki kullanım tarayıcıya içeriği her 30 saniyede bir  yenileme talimatı verir.

5. <meta name="refresh" content="30">  

6-Aşağıdaki kullanımda belirlenen süre sonunda istenilen sayfaya yönlendirilen bir yapı oluşturduk.

6. <meta http-equiv="refresh" content="5; url=https://www.lifeacode.com/kategori/html-tags">    

7- Aşağıdaki kullanımda web sitemizin tüm cihazlarda uyumlu görünmesi için sayfa boyutunu ve ölçeklendirmeyi kontrol edecek bir görünüm alanı belirler. Bu etiket sayfanın mobil destekli olduğunu gösteriyor.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

Örnek:

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <meta name="keywords" content="HTML, CSS, JavaScript, Java">  
    <meta name="description" content="Ücretsiz HTML Eğitimi">  
    <meta name="author" content="admin">  
    <meta http-equiv="refresh" content="3; url=https://www.lifeacode.com/kategori/html-tags">   
    <meta name="viewport" content="width=device-width, initial-scale=1.0">    
</head>  
<body>  
<h2>HTML Meta Etiketi Örneği</h2>  
<p>Bu örnekte meta etiketleri kullanımını öğreneceğiz.</p>  
</body>  
</html>  

Ekran Çıktısı:

HTML Meta Etiketi Örneği

Bu örnekte meta etiketleri kullanımını öğreneceğiz.

 

Özel Kullanımları:

Özellik
Değer
Açıklama
charset
character_set
Bir HTML sayfasının karakter kodlamasını belirtir.
content
text
Bir HTML belgesinde “name” ve “http-equiv” nitelik değerlerini içerir.
http-equiv
  • Content-type
  • default-style
  • refresh
Sunucu tarafından web sayfasının nasıl sunulması gerektiği hakkında bilgi verir.
name
  • application-name
  • author
  • description
  • generator
  • keywords
Meta verinin ismini belirtir.(Belge düzeyinde)
scheme
format/URL

Meta verilerinin tanımlandığı düzeni belirtmek için kullanılır.

 

Tarayıcı Desteği:



Kimler Neler Demiş?

avatar
  Subscribe  
Bildir