Belge İskeleti ve Metadata

HTML içinde belge iskeleti ve metadata kavramını, kullanım sınırlarını ve güvenilir uygulama biçimini öğrenin.

Belge İskeleti ve Metadata, HTML ile belge temelleri çalışırken temel kavramları doğru bir zihinsel modelle kurmak için kullanılan yaklaşımı açıklar. HTML öğesi yalnızca görünümü değil içeriğin anlamını da taşır; doğru başlık ve bölge yapısı gezinme haritasını oluşturur.

Görsel olarak benzer bir öğeyi anlamsız kapsayıcıyla taklit etmek yerine yerleşik semantiği kullanmak klavye ve yardımcı teknoloji davranışını ücretsiz sağlar. Girdinin biçimini ve geçerliliğini sınırda denetlemek, iç katmanların daha sade kalmasını sağlar. Aşağıdaki örnek, konuyu küçük ve izlenebilir bir akış içinde gösterir.

Yaygın hata ve doğru yaklaşım

Kavramı her durumda uygulanacak bir kural gibi kullanmak gereksiz karmaşıklık üretir. Önce problemin sınırını belirleyin, ardından en küçük yeterli yapıyı seçin.

Sonuç

Belge İskeleti ve Metadata, doğru sınırlar ve açık bir sözleşmeyle kullanıldığında HTML kodunun güvenilirliğini artırır. Önce doğruluğu kurun; ölçüm göstermeden karmaşık optimizasyona yönelmeyin.

Belge İskeleti ve Metadata örneği

<!doctype html>
<html lang="tr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Belge İskeleti ve Metadata</title>
</head>
<body>
  <main><h1>Belge İskeleti ve Metadata</h1><p>Anlamlı bir belge yapısı.</p></main>
</body>
</html>