Sres.Si - Programiranje & svetovanje

Struktura internet strani v HTML5

objavljeno: 23.04.2012 21:20:00

Že nekaj časa je od kar se je HTML5 uveljavil pri izdelavi internet strani. Najbolj pomembne in pogosto uporabljene elemente podpirajo vsi najbolj razširjeni internet brklalniki. Še najslabše Internet Explorer, vendar se bo tudi to spremenilo z verzijo 10, ki bo na voljo enkrat do sredine tega leta.

 


In kaj prinaša HTML5? Predvsem cel kup novih bolj ali manj uporabnih TAG-ov. V kolikor omenimo samo najbolj pomembne so to sigurno elementi za <video> in <audio>, pa <canvas>, element na katerega lahko rišemo z javascript kodo. Novost je tudi kar nekaj elementov za forme in pa kar nekaj novih elementov za strukturo in semantiko internet strani.


 V današnjem e-nasvetu bomo podrobneje pogledali kako uporabimo nove strukturne in semantične elemente.

 

Uporabili bomo:

 

- <header> uporabljamo za definiranje glave dokumenta ali sekcije,


- <footer> uporabljamo za definiranje noge dokumenta ali sekcije,


- <nav> v element vstavimo navigacijo torej menije internet strani,


- <section> v element ovijemo vsebino dokumenta oziroma del internet strani, ki ga lahko vsebinsko definiramo,

 

- <article> je element, ki zajema nek samostojen del vsebine internet strani, recimo članek, komentar, itd.

 

- <aside> je element, ki ob strani (levo ali desno) glavne vsebine vsebuje teme povezane z glavno vsebino.

 

Grafični prikaz strukture internet strani

 

HTMLStructure

 

 

Ali je DIV tag s prihodom HTML5 zgodovina?

 

Seveda ne, z <div> elementom še zmeraj kreiramo layout internet strani, predvsem odseke, ki se jih ne da vsebinsko opisati. Taki so recimo wrapperji, odseki, ki jih kreiramo za namen oblikovanja ali grafičnih učinkov na internet strani.