How to put header banner image in HTML5 -

i'm starting html5 , css3. design includes header banner in top. is, logo , banner images in 1 banner.

now, in html5, how code it?

<header> <figure></figure> </header> 

or

<header> <div>image header banner</div> </header> 

from description, wouldn't use <figure> here need add logo/images.

the <figure> element used when need group images caption.

from w3.org

the figure element represents unit of content, optionally caption, self-contained, typically referenced single unit main flow of document, , can moved away main flow of document without affecting document’s meaning.

instead place images using <img /> tag within <header>

<header>  <img />  <img /> </header> 

or wrapped in <div> container - depending on need.

also, check out this article <figure> element, in particular @ end of article says this:

it may not appropriate use <figure> element, though. example, graphic banner should not marked <figure>. instead, use <img> element.