Bvural41 1
Bvural41
berzahx 1
berzahx
mavzermete 1
mavzermete
Hikaye Ekle

HTML BAŞLIK ETİKETLERİ

  • Konuyu başlatan Konuyu başlatan Fauda
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 2
  • Görüntüleme Görüntüleme 316

Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!

HTML BAŞLIK ETİKETLERİ​


Bu yazımızda Html’de başlık etiketlerini öğreneceğiz. Başlık etiketleri h1’den başlayıp h6’ya kadar devam eder. Aralarında 2 fark vardır:
Birincisi, en büyük boyutlu olan h1 dir ve h6 ya doğru yazı boyutu küçülür. Yani en küçük yazı boyutu olan h6 dır. İkinci fark ise bunların Seo açısından önem durumlarıdır.
Örneğin bir sayfada kullandığınız başlıklar içerisinde en önemlisi hangisi ise onu h1 etiketi içerisinde yazmalısınız. Arama motorları sitenize baktığında h1 etiketi içerisinde yazdığınız başlığa bakar ve sitenin içeriğinin ne ile alakalı olduğunu anlamaya çalışır. Diğer başlıklarınızı da önem sırasına göre diğer başlık etiketleri ile kullanabilirsiniz.

Önemli : Sayfalarınızda başlık etiketlerini kullanmak zorunda değilsiniz. Önemli olduğunu düşündüğünüz durumlarda kullanmanız daha iyi olur. Yani sadece yazıların boyutunu büyültmek için bu etiketler kullanılmamalı. Çünkü bu değişiklikler Css kullanarak da yapılabilir. Bu konuda daha detaylı bilgi için Css Text (Metin) Özellikleri ve Kullanımı yazımı okuyabilirsiniz.
Önemli : Sitenizin arama motorlarında daha iyi sonuçlar alması için h1 etiketini 1 defa, h2 etiketini de en fazla 4 defa kullanmaya dikkat edin.
Şimdi başlık etiketlerinin tarayıcıda nasıl göründüğüne bakalım.

Html Kodları

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<!DOCTYPE html>
<html>
<head>
<title>Başlık Etiketleri</title>
</head>
<body>
<h1>H1 Etiketi</h1>
<h2>H2 Etiketi</h2>
<h3>H3 Etiketi</h3>
<h4>H4 Etiketi</h4>
<h5>H5 Etiketi</h5>
<h6>H6 Etiketi</h6>
</body>
</html>

Tarayıcıdaki görüntüsü.

H1 Etiketi​

H2 Etiketi​

H3 Etiketi​

H4 Etiketi​

H5 Etiketi​

H6 Etiketi​


Gördüğünüz gibi yazı boyutu h6 ya doğru küçülüyor. Başlıkların kalın (bold) bir şekilde oluşturulduğuna dikkat edin.

html-1080x500.png
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst