Kod kalitesi

Yerleşim testi, semantik olmayan HTML kullanımını araştırır.

Bunu neden test ediyoruz?

Semantik HTML, bir internet sayfasındaki bilgilerin nasıl gösterileceğini değil semantiğini (veya anlamını) belirleyen HTML biçimlendirmesidir. En iyi uygulama olarak semantik HTML kullanarak dokümanı biçimlendirdikten sonra CSS ile gereken düzenlemeleri yapmanız önerilir. Semantik olmayan <i> ve <font> gibi ögelerin kullanımı önerilmez.

Tablolar geleneksel olarak internet sayfalarının yerleşimini iki sütun halinde oluşturmak için kullanılırlardı, ancak birkaç yıl önce CSS'in ve modern tarayıcıların kullanılmaya başlaması ile tabloları tablo verileri hariç şeyler için kullanmak gereksiz hale geldi. Şu anda en iyi uygulama, sütun yerleşimi için div ve CSS kullanımıdır. Bu ayrıca görsel olmayan tarayıcılar oluştururken veya sitenin stil sayfası mevcut olmadığında yardımcı olur.

Bunu nasıl test ediyoruz?

Yerleşim için tablo kullanıldığı anlamına gelebilecekleri için tablo hücrelerinin içindeki elemanları inceliyoruz. Bunlar arasında divler, bölüm başlıkları ve tablolar bulunur. Ayrıca HTML içindeki yazı tipi, kalın ve italik etiketlerine de bakarız.

Bu konuda ne yapabilirim?

Kolay bir iş olmayabilir, ancak sitenizde yerleşim için tablo kullanan sayfaların hepsini, divler ve CSS'ler kullanacak biçimde değiştirmelisiniz. Tabloları yalnızca fiyat tablosu vb. gibi tablo bilgileri için kullanın. Metin formatını ayarlamak için sunumsal elemanlar kullanmak yerine anlamsal elemanlar kullanın ve CSS ile stil düzenlemesini yapın.