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>

Një kontejner i tërë që përmbante elementë të tjerë të bllokut ishte më parë i mundur vetëm (me kod të vlefshëm) duke përdorur truket (për shembull nga pozicionimi absolut i një shtrese të lidhur mbivendosjeje). Përndryshe, ju keni lidhur titullin dhe paragrafin - kjo nga ana tjetër çoi në tepricë dhe ena nuk mund të klikohet. Me shtimin e mirëseardhur në HTML5, ky nuk është më një problem.

Mbrapa