Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

<meta> Etiketi

<meta> Etiketi

<meta> etiketi sayfanın yazarı, sayfanın tanımı ya da anahtar sözcükler gibi sayfayla ilgili bilgileri tutar. Bu bilgiler (arama motorları ve tarayıcılar gibi) makinalar tarafından dikkate alınırlar.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam285701102
Bugün1592

<meta> Etiketi Temel Özellikler

Etiket Yazımı ve Etiket Kullanımı :
<meta> <!-- Etiket yalnızca açılmalı. -->
Örnek :
<meta charset="UTF-8">
DOM Arayüzü :
HTMLMetaElement
Durum :
Yaşayan Ölçün
Öznitelikler :
Tüm Evrensel Öznitelikler
Açıklama :

<meta> Etiketi Kullanımı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

<meta> etiketi sayfanın yazarı, sayfanın tanımı ya da anahtar sözcükler gibi sayfayla ilgili bilgileri tutar. Bu bilgiler (arama motorları ve tarayıcılar gibi) makinalar tarafından dikkate alınırlar.

<meta> etiketinin tuttuğu bilgiler kullanıcıya gösterilmez ancak makinalar tarafından dikkate alınırlar: İçeriğin nasıl/neye göre gösterileceği ya da sayfanın ne sıklıkla yenileneceği ve benzeri.

<meta> etiketi içeriği her zaman anahtar/değer ikilileri olarak yazılırlar.

<meta> etiketi her zaman <head> etiketi içinde bulunmalıdır.


Belgelerde tamga seti <meta> etiketi ile kesinlikle tanımlanmalıdır. HTML5 için: <meta charset="UTF-8">

<meta charset="UTF-8">


HTML belgesinin tamga kodlama tanımı, dosyanın ilk 1024 baytının ön taraması yapılırken bulunamazsa sayfa yeniden yüklenir. Kodlama tanımını dosyanın ilk 1024 baytında yapmalısınız.


Kaynak: Mozilla Firefox

<meta charset="UTF-8">
<meta name="author" content="SonDevrim.com">
<meta name="keywords" content="HTML5,CSS,JavaScript">
<meta name="description" content="SonDevrim HTML Dersleri, İpuçları ve Örnekleri">

HTML
CSS
Javascript
Sonuç
<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>SonDevrim HTML Dersleri, İpuçları ve Örnekleri</title>
        <link href="https://SonDevrim.com/görseller/favicon.ico" rel="shortcut icon" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="http://SonDevrim./tasarım/SonDevrim.css">
        <style type="text/css">p{color:#f00;}</style>
    </head>
    <body>
        <p>İçerik buraya geliyor...</p>
    </body>
</html>

Sık Kullanılanlar !

Tamga Seti: <meta charset="UTF-8">

Belgenin Yazarı : <meta name="author" content="SonDevrim.com">

Anahtar Sözcükler : <meta name="keywords" content="HTML5,CSS,JavaScript">

Belge Tanımı : <meta name="description" content="SonDevrim HTML Dersleri, İpuçları ve Örnekleri">

Belge Yenileme (90 saniyede bir) : <meta http-equiv="refresh" content="90">

<meta> Etiketi Tarayıcı Desteği

MasaüstüTaşınabilir
Tarayıcı →Öznitelik ↓
Temel DestekVarVarVarVarVar
name="referrer"36.0 (36.0) [1]??17?
Tarayıcı →Öznitelik ↓
Temel DestekVar11.0VarVarVar
name="referrer"36.0 (36.0) [1]????

[1] : Firefox 39'uncu sürüme kadar, navigasyon "context menu"'den ya da (farenin) orta tuş tıkı ile yapılırken hesaba katılmıyordu.

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

Öznitelikler

charset
Belgede ne tür tamga kullanıldığını belirtir. (Türkçe tamga desteği için: UTF-8)
content
http-equiv ya da name ile belirlenen özniteliğin içeriğini taşır.
<meta name="author" content="Ad Soyad">
http-equiv
content özniteliğinde belirtlilen değer için HTTP başlığı sağlar.
default-style
Sayfada kullanılan öntanımlı tasarım dosyasını belirtir. <link> etiketinin ya da <style> etiketinin kimliği (id) değer olarak default-style'e yazılır !
refresh
Belirlenen sıklıkta sayfayı yeniler (saniye türünden).
name
meta bilginin adını belirtir.
application-name
Sayfada çalışan web uygulamasının adı.
author
Belgenin yazarı.
description
Sayfa ile ilgili açıklayıcı bilgi. Firefox ve Opera gibi bazı tarayıcılar bu bilgiyi, eğer sayfa yer imi olarak kaydedilirse, sayfa ile ilgili ön bilgi için vermek kullanıyorlar.
generator
Sayfayı oluşturan yazılımın adı.
keywords
Sayfada geçen ve aynı zamanda sayfayı tanımlayan, virgül (,) ile birbirinden ayrılmış sözcükler.
Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
<meta> Etiketi