Goodbye Block & Inline - Welcome HTML5

A HTML5 specifikáció újításai számosak, és sokukat már támogatja a böngésző tájának többsége - az alábbiakban egy érdekes változást szeretnék kiemelni a fészkelő elemek szabályaiban. A HTML mindig megkülönböztette a blokk és az inline elemeket. A HTML4 dokumentumtípus-meghatározása például blokkelemként nevezi meg a h1, p és div elemeket, és inline elemként az a, span, img neveket.


Ezt a koncepciót most (jó okokból) elhagyták. Bizonyos felhasználási esetekben sok webdesigner figyelmen kívül hagyta az említett fészkelési szabály helyességét, miszerint egyetlen blokkelem sem helyezhető el az inline elemekben, vagy a szokásos viselkedés CSS-szabályok, például a display: inline; vagy kijelző: blokk; (ami gyakran érvénytelen kódhoz vezetett) minden további nélkül.

A HTML5 most tompítja ezt a megkülönböztetést, és még 9 különböző kategóriát is megnevez, amelyekhez egy elem tartozhat, ezáltal egy elem több kategóriába sorolható. A blokk és az inline elemek régi megkülönböztetését túlzásba vesszük, és figyelembe vesszük az interneten található címkék jelentésének sokaságát. Ennek különösen az a következménye, hogy a következő konstrukciók érvényes kódot képviselnek:

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

A további blokkelemeket tartalmazó teljes konténer korábban csak (érvényes kóddal) volt lehetséges trükkök segítségével (például egy összekapcsolt fedőréteg abszolút pozícionálásával). Alternatív megoldásként a címsort és a bekezdést összekapcsolták - ez viszont redundanciához vezetett, és a tároló nem kattintható. A HTML5 üdvözlő kiegészítésével ez már nem jelent problémát.

Vissza