Adieu Blok ve Satır İçi - Hoş Geldiniz HTML5

HTML5 spesifikasyonunun yenilikleri çoktur ve birçoğu zaten tarayıcı manzarasının çoğunluğu tarafından desteklenmektedir - aşağıda İç içe yerleştirme öğeleri kurallarında ilginç bir değişikliği vurgulamak istiyorum. HTML her zaman blok ve satır içi öğeler arasında ayrım yapmıştır. Örneğin, HTML4 Belge Türü Tanımı h1, p ve div'i blok olarak ve a, span, img'yi satır içi öğeler olarak adlandırır.


Bu kavram şimdi kabul edilmiştir (iyi nedenlerle). Bazı uygulamalarda, birçok web tasarımcısı, yukarıda belirtilen yuvalama kuralının blok öğelerinin satır içi öğelerde olmaması gerektiğini veya display: inline; veya display: block; (bu genellikle geçersiz koda neden olur).

HTML5 artık bu ayrımı yumuşatıyor ve hatta bir öğenin ait olabileceği 9 farklı kategoriyi adlandırıyor, böylece bir öğe birkaç kategoride olabilir. Blok ve satır içi elemanlar arasındaki eski ayrım denize atılır ve web üzerindeki birçok etiket anlamı dikkate alınır. Bunun, aşağıdaki yapıların geçerli kodu temsil ettiği belirli bir sonucu vardır:

<a href="#">
   <div>
      <h1>Yeah</h1>
      <p>
         Der ganze Block ist verlinkt.
      </p>
   </div>
</a>

Daha fazla blok elemanı içeren tüm bir kap önceden hileler kullanılarak (örneğin, bağlantılı bir bindirme katmanının mutlak konumlandırılmasıyla) mümkün olmuştur. Alternatif olarak, başlığı ve paragrafı bağladınız - bu da yedekliliğe yol açtı ve kap tıklanabilir değil. HTML5&#39;in hoş geldiniz uzantısı sayesinde, bu artık sorun değil.

Geri