Başlık ve Alt Başlık Yapısı
Başlık ve alt başlık yapısı, belgelerin hiyerarşik bir şekilde düzenlenmesini sağlayarak içeriğin daha okunabilir ve anlaşılır olmasını sağlar. HTML’de başlık etiketleri (<h1>, <h2>, <h3>, vb.) kullanılarak bu yapı oluşturulur.
<h1> - <h6> Etiketleri
HTML'de <h1> ile <h6> etiketleri, başlık ve alt başlık seviyelerini temsil eder. <h1> en üst seviye başlığı temsil ederken, <h6> en alt seviye başlığı temsil eder. Başlık seviyeleri, önem derecesine göre sıralanır, yani <h1> en önemli başlığı, <h2> biraz daha az önemli başlığı temsil eder ve bu şekilde devam eder.
<h1>Başlık 1</h1>
<h2>Alt Başlık 1</h2>
<h2>Alt Başlık 2</h2>
<h3>Alt Alt Başlık 1</h3>Yukarıdaki örnekte, <h1> etiketi en üst seviye başlığı temsil ederken, <h2> etiketleri alt başlıkları temsil eder. <h3> etiketi ise bir alt başlık seviyesini daha temsil eder.
Başlık Hiyerarşisi
Başlık etiketleri, belgenin hiyerarşik yapısını oluşturur. Örneğin, bir web sayfasının başlığı genellikle <h1> etiketiyle temsil edilir. Alt başlıklar ise <h2>, <h3>, <h4> gibi etiketlerle belirtilir. Bu hiyerarşik yapı, içeriğin anlamını ve önceliğini belirler.
Başlık hiyerarşisi, tarayıcılar ve arama motorları tarafından önemli bir faktör olarak değerlendirilir. Başlık yapısı, sayfa içeriğinin yapısal olarak anlaşılmasına yardımcı olur ve kullanıcılar ve arama motorları için sayfa içeriğinin önemli bölümlerini vurgular.
Görsel Temsil
Başlıklar genellikle daha büyük ve kalın bir yazı tipiyle gösterilir. Tarayıcılar, başlık etiketlerini otomatik olarak stilize eder, ancak CSS kullanarak bu stillemeyi özelleştirebilirsiniz.
<h1 style="font-size: 28px; font-weight: bold;">Başlık 1</h1>Yukarıdaki örnekte, <h1> etiketine CSS içinde stil tanımlanmıştır. Bu sayede başlık daha büyük ve kalın bir şekilde gösterilecektir.
Başlık ve alt başlık yapısı, sayfa içeriğinin organize edilmesini ve okunabilirliğini artırır. Ayrıca, arama motoru optimizasyonu (SEO) açısından da önemlidir, çünkü arama motorları sayfa içeriğini daha iyi anlayabilir ve indeksleyebilir. Başlık etiketlerini, sayfanın anlamını ve içeriğini en iyi şekilde yansıtacak şekilde kullanmak önemlidir.
