HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

HTML5 tárolóelemek





HTML5 tartalomfüggő tárolóelemek


Név Angol eredete Hatás Jellemzők
<header > Header A weboldal fejléce. Páros címke.. Általános ; Események
<nav> Navigation A navigációs elemek (menüpontok) tárolóeleme. Páros címke.. Általános ; Események
<article> Article Független, önálló tartalmat jelöl. (Cikk, Hír, fórum hozzászólás, blog bejegyzés, megjegyzés) Páros címke.. Általános ; Események
<aside> Aside A fő tartalomhoz nem közvetlenül kapcsolódó információk megjelenítésére szolgáló oldalsáv. Páros címke.. Általános ; Események
<section> Section A weboldal tartalmi részének egy nagyobb szakasza, egy fejezete. Páros címke.. Általános ; Események
<footer> Footer Lábléc. Páros címke.. Általános ; Események
A következő böngészők támogatják: Chrome logó Firefox logó Safari logó Opera logó IE logó

Példa:

Forráskód



<body>
  <div id="tarolo" style="height:400px;width:400px;">        
    <header id="fejlec" style="background-color:#98FB98;height:50px;"> 
       Webáruház neve és lógója 
    </header>
    <nav id="menu" style="background-color:#6B8E23;height:30px;text-align:center;"> 
       Termkek | Vásárlás | Kapcsolatok 
    </nav>
    <div id="balmenu" style="background-color:#2E8B57;height:260px;width:100px;float:left;">  
        <b>Kínálat</b><br>-PC<br>-Laptop<br>-Egér 
    </div>  
    <div id="tartalom" style="background-color:#98FB98;height:260px;"> 
        Az olda tarlama
    </div>
    <footer id="lablec" style="background-color:#6B8E23;height:30px;text-align:center;"> 
        Céginfó, jogi információk
    </footer>
  </div>  
</body>

 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_div4.html