Web Kalitesi - Önemli HTML Elemanları

Web kalitesini artırmak için <DOCTYPE>, <title> ve <h1> etiketleri de önemlidir.

<DOCTYPE> elementi

Doctype, bir "belge türü beyanı" (DTD) anlamına gelir.

Tüm HTML ve XHTML sayfaları, hangi HTML sürümüne uyduğunu tanımlamak için <Doctype> elementini kullanmalıdır.

doctype, kullandığınız HTML sürümünü tanımlar ve tarayıcıya sayfanızı daha hızlı ve tutarlı bir şekilde sunmak için önemli bilgiler sağlar.

Belge türü beyanı, doğrulama yazılımlarının sayfanın dilbilgisi kontrol etmesine de olanak tanır:

HTML 4.01 Kati, Geçişli, Çerçeve

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Görüş:HTML <!DOCTYPE> etiketi

<title> elementi

<title> elementi en önemli HTML elementlerinden biridir. Ana fonksiyonu web sayfası içeriğini tanımlamaktır.

Başlık web sayfasının bir görünen parçası olmasa bile, web sitesinin kalitesini artırmak için önemli, çünkü aşağıdaki konumlarda görülebilir:

  • Arama motoru listesi
  • Pencere başlık çubuğu
  • Kullanıcının favorilerinde

Başlık mümkün olduğunca kısa ve tanımlayıcı olmalıdır.

Bir kullanıcı internet üzerinde web sitesi aradığında, çoğu arama motoru arama sonuçlarında web sitesinin başlığını gösterecektir. Başlık ile web sayfası içeriğinin uyumlu olduğundan emin olun. Bu şekilde kullanıcıların bu bağlantılara tıklayarak sitenizi ziyaret etme olasılıkları artacaktır.

Kullanıcı web sitenizi ziyaret ettiğinde, pencere başlık çubuğunda başlık görülebilir. Pencere küçültüldüğünde bile başlığın web sitesi içeriğini tanımlayan bir rol oynamasını sağlayın.

Kullanıcının web sitenizi ziyaret ettikten sonra, web sayfası başlığı geçmiş klasörde saklanır (kullanıcı hatta web sayfasını favorilerine ekleyebilir). Gelecekteki başarılı ziyaretler için, başlıkın web sitenizi açıkça tanımlayabileceğinden emin olun.

İyi Başlıklar:

<title>HTML Eğitimi</title>
<title>XML Tanıtımı</title>

Kötü Başlıklar:

<title> Tanıtım</title>
<title>1. Bölüm</title>
<title>CodeW3C.com, iyi organize edilmiş ve anlaşılır HTML, CSS, JavaScript,
DHTML, XML, XHTML, WAP, ASP, SQL eğitimleri ve çok sayıda örnek ve kaynak kodu içerir.</title>

Görüş:HTML <title> etiketi

<h1> etiketi

<h1> etiketi, web sayfasında en üst düzey başlığı tanımlamak için kullanılır.

Bazı tarayıcılar <h1> öğesini varsayılan olarak büyük bir font olarak görüntülediği için, bazı web geliştiricileri en üst düzey başlığı göstermek için <h2> etiketini <h1> etiketinin yerine kullanır. Bu, okuyuculara etkisi olmasa da, arama motorları ve diğer yazılımların

Lütfen <h1> etiketini en üst düzey başlıklar için kullanın, <h2> ve <h3> etiketlerini daha düşük seviyeler için kullanın.

Web sayfanızı bu şablonu kullanarak oluşturmayı deneyebilirsiniz:

Varsayılan başlık font boyutunu beğenmiyorsanız, stili veya stajları kullanarak değiştirebilirsiniz.

Görüş:HTML <h1> - <h6> Etiketleri