ev Emniyet Şekil etiketi tanımlar. Şekil ve resim yazısı öğeleri Web standartlarıdır. ama şimdi bundan bahsetmiyoruz. Asıl hata, öğeyi aşırı kullanmaktır. yalnızca bir belgede atıfta bulunduğunuzda kullanılmalıdır. referansınız olması pek olası değildir.

Şekil etiketi tanımlar. Şekil ve resim yazısı öğeleri Web standartlarıdır. ama şimdi bundan bahsetmiyoruz. Asıl hata, öğeyi aşırı kullanmaktır. yalnızca bir belgede atıfta bulunduğunuzda kullanılmalıdır. referansınız olması pek olası değildir.

Ve kullanıcılardan gelen soruları yanıtlarken, HTML5 işaretlemesine sahip birçok web sitesi gördüm. Bu yazıda size çokça karşılaştığım bazı biçimlendirme hatalarını ve kötü uygulamaları göstereceğim ve bunlardan nasıl kaçınılacağını açıklayacağım.

etiketi kullanmayın
dekorasyon için bir sarıcı olarak

Fark ettiğim en yaygın sorunlardan biri banal ikame
"ov on HTML5 yapısal elemanları, özellikle
"s. Yani, XHTML veya HTML4'teki bir şey şöyle göründüğünde:
Bu şekilde yeniden yazılmıştır:

Bu sadece yanlış:
sargı değil. Bu öğe, "belge taslağını" oluşturmak için kullanılan içeriğinizin anlamsal bloğu anlamına gelir ve bir başlık içermelidir. Sarılacak bir öğeye ihtiyacınız varsa, yapmayı deneyin (Kroc Camen'in sunabileceği bir şey var). Bu, ekstra paketleyicilere ihtiyaç duyma sorununu çözmezse, eski güzeli kullanın.
"s. HTML5'in gelişiyle
"Sen ölmedin ve onlar bu davaya mükemmel uyuyorlar.

Tüm bunlarla birlikte, HTML5 kullanarak yukarıdaki örneği şu şekilde işaretlemek güzel olurdu:

süper kandırma sayfam

Hangi elementi kullanacağınızdan emin değilseniz, element seçim akış şemamızı kullanmanızı tavsiye ederim ( yaklaşık çevirmen: girişin en altına bakın).

Kullanmak
ve
sadece gerektiğinde

Gerekli değilse kod yazmanın bir anlamı yok, değil mi? Ne yazık ki, sık sık nasıl olduğunu görüyorum
ve
ihtiyaç duymadıkları yerde. Elementler hakkında okuyabilirsiniz
ve
Daha ayrıntılı olarak, kilit noktaları kısaca özetleyeceğim:
  • eleman
    bir grup tanıtım veya navigasyon yardımcısını temsil eder ve genellikle bir bölüm başlığı içerir
  • eleman
    bir dizi öğeyi gruplandırır

    -

    , birkaç seviyeden oluşması halinde bölüm başlığını temsil eder (alt başlıklar, alternatif başlıklar vb.)
Fazla elemanlar
elementin çok iyi bildiğine eminim.
bir belgede birden çok kez kullanılabilir. Yani bu genellikle böyledir:

En iyi blog yazım

Eğer senin

yalnızca bir başlık öğesi içerir, buna gerek yoktur. Bu durumda, eleman
başlığın "belge taslağına" (belge taslağı) dahil edileceğini zaten garanti eder ve bir kez
birden fazla öğe içermez (tanımlandığı gibi), güvenle kaldırılabilir. Sadece bu yeterli:

En iyi blog yazım

Yanlış kullanım
Ve yine başlıklar hakkında: Genellikle öğenin yanlış kullanıldığını görüyorum
. Kullanılmamalı
birlikte
, eğer:
  • tek başlık var
  • kendi başına iyi (yani, olmadan
    ).
İlk durum:

En iyi blog yazım

Zengin Clark tarafından

Bu durumda, sadece hgroup'u kaldırın.

En iyi blog yazım

Zengin Clark tarafından

İkinci durum, bir öğeyi gereksiz yere kullanmanın başka bir örneğidir.

Benim şirketim

1893'te kuruldu

tek çocuk ise

"ve bu
neden ihtiyacın var
? Ek öğeleriniz yoksa
"e (yani kızkardeş
), sadece kaldır
.

Benim şirketim

1893'te kuruldu

Tüm bağlantıları çerçevelemeyin

HTML5, bize yapılandırılmış ve anlamlı biçimlendirme oluşturma yeteneği vermek için 30 yeni öğe sundu. Ancak yeni anlamsal unsurları kötüye kullanmamak gerekir. Maalesef tam olarak bu oluyor