Adiaŭ Bloko & Enreta - Bonvenon HTML5

La novigoj de la HTML5-specifo estas multaj kaj multaj el ili jam estas subtenataj de la plimulto de la retumila pejzaĝo - ĉi-sube mi ŝatus reliefigi interesan ŝanĝon al la reguloj por nestado de elementoj. HTML ĉiam distingis inter blokaj kaj enliniaj elementoj. Ekzemple, la Dokumenta Difino de HTML4 listigas h1, p, kaj div kiel blokelementojn kaj a, span kaj img kiel enliniajn elementojn.


Ĉi tiu koncepto nun estis forlasita (pro bonaj kialoj). En iuj uzokazoj, multaj interretaj projektistoj ignoris la ĝustecon de la menciita nestregulo, ke neniuj blokelementoj povas situi ene de enliniaj elementoj aŭ la norma konduto uzante CSS-regulojn kiel ekzemple display: inline; aŭ montri: bloko; (kio ofte kondukis al malvalida kodo) sen plua pripenso.

HTML5 nun mildigas ĉi tiun distingon kaj eĉ nomas 9 malsamajn kategoriojn al kiuj elemento povas aparteni, per kio elemento povas esti en pluraj kategorioj. La malnova distingo inter blokaj kaj enliniaj elementoj estas superŝutita kaj la amaso da signifoj de etikedoj en la retejo estas konsiderata. Precipe ĉi tio havas la konsekvencon, ke la jenaj konstrukcioj reprezentas validan kodon:

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

Ligi tutan ujon, kiu enhavis pliajn blokelementojn, antaŭe estis nur ebla (kun valida kodo) uzante trukojn (ekz. per absoluta poziciigo de ligita supertavolo). Alternative, la titolo kaj la alineo estis ligitaj - tio siavice kondukis al redundo kaj la ujo ne estis klakebla. Dank' al la bonvena etendo de HTML5, tio ne plu estas problemo.

Reen