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.


Comments

Popular posts from this blog

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -