Atlamadan İç İçe Geçme Düzeyleri
Anahat mantığını korumak için h2'den h3'e sırayla ilerleyin.
Atlamadan İç İçe Geçme Düzeyleri, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Web Accessibility Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
Başlıklar Ana Hatları Oluşturur
Başlık düzeyleri, iç içe geçmiş bir liste gibi ana hatlar oluşturur. Düzey numaraları, tıpkı bir makalenin ana hatlarında olduğu gibi hangi bölümlerin hangilerinin içinde yer aldığını gösterir. 🌳
Her Seferinde Bir Düzey İnin
Bir h2'den sonra alt bölümde h3 kullanılır, h4 değil. Düzeyleri her seferinde bir adım artırmak, yapıyı tutarlı ve izlemesi kolay tutar.
<h2>Shipping</h2>
<h3>Delivery Times</h3>Düzey Atlamak Yapıyı Bozar
h2'den doğrudan h4'e geçmek, eksik bir h3 olduğunu gösterir. Ana hatlarda artık bir boşluk vardır ve kullanıcılar neyi atladıklarını merak eder.
Yukarı Çıkmak Sorun Değildir
İstediğiniz miktarda yukarı çıkabilirsiniz. Bir h4'ten sonra h2'ye dönmek, yeni bir üst düzey bölümün başladığı anlamına gelir. Buna izin verilir.
<h2>Payment</h2>
<h3>Cards</h3>
<h4>Visa</h4>
<h2>Returns</h2>Düzeyler Hiyerarşiyi Gösterir
Aşağı doğru atılan her adım, iç içe olmayı ifade eder. Bir h3, yanındaki bir başlık değil, üstündeki h2'nin parçasıdır. Numara boyutu değil, ilişkiyi gösterir.
Görünüşe Göre Seçmeyin
Daha küçük metin istediğiniz için asla h4'ü seçmeyin. Yapının gerektirdiği düzeyi seçin, ardından boyutu CSS ile biçimlendirin.
Kardeşler Aynı Düzeyi Paylaşır
Aynı derinlikteki bölümler aynı başlık düzeyini paylaşır. Tek bir konunun altındaki üç eşit alt bölümün tümü yan yana h3 olmalıdır.
<h2>Menu</h2>
<h3>Starters</h3>
<h3>Mains</h3>
<h3>Desserts</h3>h1'in Altından Başlayın
İlk bölüm başlığınız, tek h1'in hemen altında yer alan h2'dir. Ana hatlar bu tek kökten aşağı doğru büyür.
Derin İç İçe Yerleşim Nadirdir
Çoğu sayfa h3 veya h4 civarında sona erer. Sık sık h6'ya ulaşıyorsanız içeriğinizin daha basit ve daha sığ bölümlere ayrılması gerekebilir.
Boş Düzeyler Kafa Karıştırır
Sırf bir düzeye ulaşmak için altında içerik olmayan bir h3 eklemeyin. Her başlık, altında gerçek bir içeriği tanıtmalıdır.
Numaraları Okuyarak Test Edin
Başlıklarınızı yalnızca numaralarıyla yüksek sesle okuyun. Akıcı bir 1, 2, 3, 2, 3 sıralaması iyi ilerler; 2'den 4'e ani geçiş bir atlanan düzeyi ortaya çıkarır.
Hızlı Kontrol
Bir h2'niz var. İçindeki alt bölüm için doğru düzey nedir?
Özet
Başlık düzeylerini her seferinde birer adım aşağı indirmeyi, aşağı inerken hiçbir düzeyi atlamamayı ve düzeyleri boyut için değil hiyerarşi için seçmeyi öğrendiniz. ✅
Sıkça Sorulan Sorular
“Atlamadan İç İçe Geçme Düzeyleri” dersi ücretsiz mi?
Evet — “Atlamadan İç İçe Geçme Düzeyleri” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Web Accessibility Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
“Atlamadan İç İçe Geçme Düzeyleri” dersinde ne öğreneceğim?
Anahat mantığını korumak için h2'den h3'e sırayla ilerleyin. Web Accessibility Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Web Accessibility Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Web Accessibility Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“Atlamadan İç İçe Geçme Düzeyleri” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Web Accessibility Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Web Accessibility Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Sayfa Başına Bir h1: Ana Konuyu Adlandırma
- Atlamadan İç İçe Geçme Düzeyleri
- Başlıklar Yalnızca Büyük Metin Değil, Gezinmedir
- Sayfa Anahatlarını Dinleyerek Denetleme