Goodbye Block & Inline - Bun venit HTML5

Inovațiile specificației HTML5 sunt numeroase și multe dintre ele sunt deja acceptate de majoritatea peisajului browserului - mai jos vreau să evidențiez o schimbare interesantă a regulilor pentru elementele de cuibărire. HTML a făcut întotdeauna distincția între elementele de bloc și cele în linie. Definiția tipului de document HTML4, de exemplu, numește h1, p și div ca elemente de bloc și a, span, img ca elemente inline.


Acest concept a fost acum abandonat (din motive întemeiate). În unele cazuri de utilizare, mulți designeri web au ignorat corectitudinea respectivei reguli de cuibărire conform căreia niciun element de bloc nu poate fi în interiorul elementelor inline sau comportamentul standard care utilizează reguli CSS, cum ar fi display: inline; sau afișează: bloc; (ceea ce a dus deseori la un cod nevalid) fără alte întrebări

HTML5 atenuează acum această distincție și chiar numește 9 categorii diferite de care poate aparține un element, prin care un element poate fi în mai multe categorii. Vechea distincție între elementele bloc și elementele inline este aruncată peste bord și se ia în considerare multitudinea de semnificații ale etichetelor de pe web. În special, aceasta are consecința că următoarele construcții reprezintă un cod valid:

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

Un container întreg care conținea alte elemente de bloc era posibil anterior (cu cod valid), folosind trucuri (de exemplu prin poziționarea absolută a unui strat de suprapunere legat). Alternativ, ați legat titlul și paragraful - acest lucru, la rândul său, a condus la redundanță, iar containerul nu poate fi făcut clic. Odată cu adăugarea binevenită la HTML5, aceasta nu mai este o problemă.

Înapoi