HTML and CSS Reference
In-Depth Information
How to add more header elements
Adding
<header>
elements is straightforward. Within each
<article>
element, we'll place a
<header>
to contain the
heading and time. To do that, find the
<article>
elements
within the blog section and add an opening and closing
<header>
tag to each one.
...
<section id="blog">
<article>
<header>
<h1>
Starbuzz meets social media
</h1>
<time datetime="2012-03-12">
3/12/2012
</time>
</header>
<p>...</p>
</article>
P
lace your <header> el
ement here, around
t
he heading and the ti
me elements.
<article>
<header>
<h1>
Starbuzz uses computer science
</h1>
<time datetime="2012-03-10">
3/10/2012
</time>
</header>
<p>...</p>
</article>
<article>
<header>
<h1>
Most unique patron of the month
</h1>
<time datetime="2012-02-18">
2/18/2012
</time>
</header>
<p>...</p>
</article>
</section>
...
Feel free to add an author byline to the header as well. Hmm, there isn't an <author> element.
Any idea how you might mark up an author byline?