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