Goodbye Block & Inline - Ողջույն HTML5

HTML5 ճշգրտման նորամուծությունները բազմաթիվ են, և դրանցից շատերն արդեն իսկ աջակցվում են զննարկչի լանդշաֆտի մեծամասնության կողմից. Ստորև ուզում եմ առանձնացնել բնադրող տարրերի կանոնների հետաքրքիր փոփոխությունը: HTML- ը միշտ տարանջատել է բլոկի և ներքին տարրերի միջև: HTML4- ի Փաստաթղթի տիպի սահմանումը , օրինակ, h1, p և div անվանում է որպես բլոկի տարրեր, իսկ a, span, img ՝ որպես ներքին տարրեր:


Այս հայեցակարգը այժմ հրաժարվել է (լավ պատճառներով): Որոշ օգտագործման դեպքերում, շատ վեբ դիզայներներ անտեսեցին նշված բնադրման կանոնի ճշգրտությունը, որ ոչ մի բլոկային տարր չի կարող լինել inline տարրերում կամ ստանդարտ վարք ՝ օգտագործելով CSS կանոններ, ինչպիսիք են ցուցադրումը. Inline; կամ ցուցադրել ՝ բլոկ; (ինչը հաճախ հանգեցնում էր անվավեր ծածկագրի) առանց հետագա զրպարտության:

HTML5- ն այժմ մեղմացնում է այս տարբերակումը և նույնիսկ անվանում է 9 տարբեր կատեգորիաներ , որոնց կարող է պատկանել մի տարր, որով տարրը կարող է լինել մի քանի կատեգորիաներում: Արգելափակման և ներքևի տարրերի հին տարբերակումը շեղվում է ափից, և հաշվի են առնվում համացանցում պիտակների նշանակության բազմությունը: Մասնավորապես, սա բերում է այն հետևանքի, որ հետևյալ կառուցվածքները ներկայացնում են վավեր ծածկագիր:

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

Մի ամբողջ տարա, որը պարունակում էր հետագա բլոկի տարրեր, նախկինում հնարավոր էր միայն (վավեր ծածկագրով) ՝ հնարքներ օգտագործելով (օրինակ ՝ կապված ծածկված շերտի բացարձակ դիրքով) Այլապես, դուք կապեցիք վերնագիրն ու պարբերությունը. Սա իր հերթին հանգեցրեց ավելորդության, և տարան հնարավոր չէ սեղմել: HTML5- ի ողջույնի հավելումով սա արդեն խնդիր չէ:

Վերադառնալ