Pro HTML5 and CSS3 Design Patterns

(avery) #1

CHAPTER 2 HTML DESIGN PATTERNS


<object type="application/x-shockwave-flash">
<param name="movie" value="http://myserver.com/movie.swf">
<param name="allowfullscreen" value=true>
</object>
</div>
<article>
<header>
<h1>My blog post</h1>

<p>
<time pubdate datetime="2011-10-07T10:00-08:00"></time>
</p>
</header>
<p>The article element represents a self-contained composition in page that is
independently distributable or
reusable, e.g., in syndication.</p>
<footer>
<a href="?comments=1">Show comments...</a>
</footer>
</article>
<section>
<h1>First section heading</h1>

<p>
The section element represents a generic section of a document (thematic grouping of
content).
</p>
</section>
<section>
<h1>And one more section</h1>

<p>A page could be split into sections for an introduction, news items, contact
information, etc.</p>
</section>
<nav>
<h1>Some Navigation</h1>
<ul>
<li><a href="articles.html">Index of articles</a></li>
<li><a href="contact.html">Contact information</a></li>
</ul>
<p>A nav element doesn't have to contain a list; it can contain other kinds of content as
well.</p>
</nav>
<address>address</address>
</div>
</body>
</html>

CSS


/* There are no CSS styles attached to this document. */
Free download pdf