Looseleaf Framework

Banner 

<header role="banner">
    <div class="wrapper">
        <p>Banner content goes here.</p>
    </div>
</header>
 
<header role="banner">
    <div class="wrapper">
        <p>Banner content goes here.</p>
    </div>
</header>
 
/* No context defined. */

Banner

The banner (a <header> with a role attribute of banner) is styled with a width of 100% and should contain a wrapper as its direct descendant. In practical use, the banner might contain the site title and primary navigation.