HTML TEMELLERİ
HTML NEDİR ? HTML Başlık(Heading) HTML Paragraf(Paragraphs) HTML Yazı Stili(Font Style) HTML Yazı Formatları(Format Text) HTML Renk Kodları(Color Codes) HTML Link Verme-Ekleme HTML Resim Ekleme(Add a Image) HTML Tablo Ekleme(Add a Table) HTML Liste Ekleme(Add a List) HTML Web Site Penceresi Ekleme(Iframe) HTML Head ve Meta Etiketleri HTML Semboller(Symbols) HTML Form HTML Form Elemanları(Form Elements) HTML Form Giriş Özellikleri (Form Input Properties)
HTML5
İLERİ SEVİYE
HTML 5 NEDİR? HTML Sayfa Bölümleri HTML Form Giriş(Input) Özellikleri HTML Form Elementleri HTML Form Özellikleri(Form Properties) HTML Canvas Kullanımı HTML SVG Kullanımı HTML Video Ekleme-Oynatma(Video Player) HTML Ses Ekleme-Oynatma(Audio Player)
CSS TEMELİ
CSS NEDİR ? CSS CSS-HTML İlişkisi CSS Backgrounds(Arkaplan) CSS Border(Kenarlık) CSS Margins(Dış Boşluk) CSS Padding(İç Boşluk) CSS Height and Width(Yükseklik ve Genişlik) CSS Box Model(Kutu Modeli) CSS Outline(Dış Çizgi) CSS Text(Metin) CSS Fonts(Yazı) CSS Icons(Ikon) CSS Links CSS List(Liste) CSS Tables(Tablolar) CSS Display(Görüntü-Ekran) CSS Layout - Width and Max-width(Yerleşim - Genişlik ve Max Genişlik) CSS Positon(Durum) CSS Overflow(Taşma) CSS Layout-Float and Clear(Yerleşim - Yön ve Temizliği) CSS Image Opacity / Transparency(Opaklık/Saydamlık) CSS Navigation Bar(Gezinme Menüsü)
html head meta tags
html head meta tag
html sayfa yenileme kodu
html de sayfa yenileme kodu
html head nedir
html head align
html header
html header nedir
html header yapımı
html header örnekleri
html header example
html head and header
html head body tags
html head code
html head etiketi
html head kodları
html head ne demek
html head ne işe yarar
html head position
html meta tag
html meta nedir
html meta tag nedir
html meta ne işe yarar
html meta etiketleri
html meta example
html meta kullanımı
html meta tags
html meta etiketi nedir
html meta etiketi ne işe yarar
html meta etiketi kullanımı

HTML Head ve Meta Etiketleri

HTML Head ve Meta Etiketleri
Html
<head>


<meta charset="UTF-8">


<meta name="description" content="Html dersleri, Html temel bilgileri">


<meta name="keywords" content="Html Etiketi Önemi, Html Etiketi Özellikleri">


<meta name="author" content="Enes Kılıç">


<meta http-equiv="refresh" content="30">


</head>


<body>


    <h2>Head ve Meta Etiketleri</h2>


    <p>


        Sitemizin baş ve vicuttan oluştuğunu söylemiştik.Baş kısmında sitemizin ne olduğunu, ne ile ilgili olduğunu, özeliklerini ve berki ilerde öğrenirsiniz Javascript dilini.. gibi kısımların bulunduğu etikettir. Baş kısmında neler bulunur ? En temel olarak kesinlikle "Meta" dediğimiz etiketler bulunmalıdır. Bu etiketler aradığını bulmaya çalışan ziyaretçilerimize aradığının bizde olduğunu kanıtlamamıza yardımcı oluyor, tabi bunu tespit eden web tarayıcıları da en iyi sonucu gösteriyorlar.Bu en iyi sonuçlar arasında ilk sayfada olursanız, iyi ziyaretçiniz olur. Başlayalım..


    </p>


</body>

Sitemizin baş ve vicuttan oluştuğunu söylemiştik.Baş kısmında sitemizin ne olduğunu, ne ile ilgili olduğunu, özeliklerini ve berki ilerde öğrenirsiniz Javascript dilini.. gibi kısımların bulunduğu etikettir. Baş kısmında neler bulunur ? En temel olarak kesinlikle "Meta" dediğimiz etiketler bulunmalıdır. Bu etiketler aradığını bulmaya çalışan ziyaretçilerimize aradığının bizde olduğunu kanıtlamamıza yardımcı oluyor, tabi bunu tespit eden web tarayıcıları da en iyi sonucu gösteriyorlar.Bu en iyi sonuçlar arasında ilk sayfada olursanız, iyi ziyaretçiniz olur. Başlayalım..

1-Sayfa Karakter Seti(Meta Charset)

Siteniz hangi dille yazıldıysa ona göre bir karakter setiniz olması gerekir. Yani Türkçe içerikli bir site açıcaksanız sayfalarınızda mutlaka bu etiket bulunmalı zaten kod editörleri (dreamweaver, notpad++) gibi ama biz şuan manual olarak el ile yazmayı öğreneceğiz.

Kullanımı:

<meta charset="UTF-8">

2-Sayfa Açıklaması(Meta Description)

Sayfanızın içeriği ile ilgili bilgileri buraya yazmanız gerekiyor. Yani mesela bu sayfa açıklamasında "Html dersleri, Html temel bilgileri" yazabiliriz.

Kullanımı:

<meta name="description" content="Html dersleri, Html temel bilgileri">

3-Sayfa Anahtar Kelimeleri(Meta Keywords)

Sayfanızın içeriği ile ilgili anahtar kelimeler bulmalısınız. Bu kelimeler rastgele olmamalı hem sayfa içeriği ile alakalı olmalı hemde çok aranan kelime veya kelime grupları bulmalısınız.Peki Nasıl ? Yapmanız gereken sadece Google arama motorunda içeriğiniz ile ilgili bilgileri olabildiğince türetip kısa kısa aratmaya çalışın fakat yazdıktan sonra hemen enter deyip aratmayın, Google'nin size diğer en çok aranan kelimeleri listelemesine fırsat verin o kelimeleri bir yere not edin ve ilgili sayfanıza aralarına virgül koyarak ekleyin. Unutmayın ! Bu kısım önemsenmeyecek bir kısım değil, ziyaretçilerin sizi bulmasını istiyorsunuz bu kısım önemli zaten adı üstünde "anahtar kelime" sitenizin sayfalarının kapısını açacak anahtarları iyi belirlemelisiniz gulucuk.

Kullanımı: 

<meta name="keywords" content="Html Etiketi Önemi, Html Etiketi Özellikleri">

4-Sayfanın Yazarı(Meta Author)

Sayfanız kim tarafından oluşturuldu ?. Bu etiket çok önemli değil fakat yinede yazsanız iyi olur.

Kullanımı:

<meta name="author" content="Enes Kılıç">

5-Sayfa Yenileme-Tazeleme(Meta Refresh)

Sayfanın tümüyle tarayıcı botları tarafından ne kadar sürede bir bulmalarını sağlayan yapıdır. Eğer sayfanızdaki içerik sabit ve değişmez ise eklemenize pek gerek yok ama eğer sayfanız sürekli yenilenecek ise ne kadar sürede bir yenileyeceğinizi bu etiketle belirtmelisiniz.(Dakika cinsinden değer alır.)

Kullanımı:

<meta http-equiv="refresh" content="30">


Paylaş:

Enes KILIÇ
Webmaster