Mirupafshim Bllok & Inline - Mirësevini HTML5

Risitë e specifikimit HTML5 janë të shumta dhe shumë prej tyre tashmë mbështeten nga shumica e peizazhit të shfletuesit - më poshtë dua të theksoj një ndryshim interesant në rregullat për elementet e folezimit. HTML gjithmonë ka bërë dallimin midis elementeve bllok dhe inline. Përcaktimi i Llojit të Dokumentit i HTML4, për shembull, emrat h1, p dhe div si elementë blloku dhe a, span, img si elementë të brendshëm.


Ky koncept tani është braktisur (për arsye të mira). Në disa raste, shumë dizenjues uebi injoruan korrektësinë e rregullit të përmendur të folezimit që asnjë element bllok nuk mund të vendoset brenda elementeve inline, ose sjelljen standarde duke përdorur rregulla CSS si shfaqja: inline; ose ekran: bllok; (i cili shpesh çonte në një kod të pavlefshëm) pa zhurmë të mëtejshme.

HTML5 tani po zbut këtë dallim dhe madje emërton 9 kategori të ndryshme të cilave mund t'u përkasë një element, ku një element mund të jetë në disa kategori. Dallimi i vjetër midis elementeve bllok dhe inline hidhet jashtë bordit dhe morën parasysh morinë e kuptimeve të etiketave në internet. Në veçanti, kjo ka pasojë që konstruktet e mëposhtme përfaqësojnë kod të vlefshëm:

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

Lidhja e një kontejneri të tërë që përmban elementë të mëtejshëm blloku më parë ishte e mundur vetëm (me kod të vlefshëm) përmes zgjidhjeve alternative (për shembull, duke pozicionuar absolutisht një shtresë mbivendosjeje të lidhur). Si alternativë, dikush mund të lidhte titullin dhe paragrafin - gjë që nga ana tjetër çonte në tepricë dhe e bënte kontejnerin të paklikueshëm. Falë zgjerimit të mirëpritur të HTML5, kjo nuk është më problem.

Mbrapa