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
Post a Comment