HTML and CSS Reference
In-Depth Information
Structuring main content areas
Ta k e a l of of k a t t h e m a i n c of n t e n t a r e a of f a b l of g ( Figure 2.1 ).
There may be multiple articles, each containing metadata and
the actual textual content of that article.
FIguRE 2.1 A series of articles
on a typical blog.
Here's some typical markup (simplified from the default
WordPress theme):
<div class=”post”>
<h2>Memoirs of a Parisian lion-tamer</h2>
<small>January 24th, 2010</small>
<div class=”entry”>
<p>Claude Bottom's poignant autobiography is this
¬ summer's must-read.</p>
<p class=”postmetadata”>Posted in <a href=”/?cat=3”>
¬ Books category</a> | <a href=”/?p=34#respond”>
¬ No Comments</a></p>
There is nothing majorly wrong with this markup (although we
would query use in HTML 4 of the presentational <small> ele-
ment for the date). It will work fine in all browsers, but apart from
the heading for the blog post, there is no real structure—just
meaningless <div> s and paragraphs.
Search WWH ::

Custom Search