HTML5 and CSS3, Second Edition

(singke) #1
html5_new_tags/index.html
<aside>
<p>
“Nevergivesomeonea chanceto say no when
sellingyourproduct.”
</p>
</aside>

We’ll place the callout quote in an <aside> element. We’ll nest this <aside>
within the article, keeping it close to its related content.

Our completed section, with the aside, looks like this:


html5_new_tags/index.html
<sectionid="posts">
<articleclass="post">
<header>
<h2>How ManyShouldWe Put You DownFor?</h2>
<p>Postedby Brianon
<timedatetime="2013-10-01T14:39">October1st, 2013 at 2:39PM</time>
</p>
</header>
<aside>
<p>
“Nevergivesomeonea chanceto say no when
sellingyourproduct.”
</p>
</aside>
<p>
The firstbig rulein salesis thatif the personleavesempty-handed,
they'relikelynot goingto comeback.That'swhy you haveto be
somewhataggressivewhenyou'reworkingwitha customer,but you have
to makesureyou don'toverdoit and scarethemaway.
</p>
<p>
One way you can keepa conversation goingis to avoidaskingquestions
thathaveyes or no answers.For example,if you'resellinga service
plan,don'teverask “Areyou interestedin our 3 or 5 year
serviceplan?”Instead, ask “Areyou interestedin the 3
yearserviceplanor the 5 yearplan,whichis a bettervalue?”
At firstglance,theyappearto be askingthe samething,and while
a customercan stillopt out, it'sharderfor themto opt out of
the secondquestionbecausetheyhaveto say morethanjust
“no.”
</p>
<footer>
<p><ahref="comments"><i>25 Comments</i></a>...</p>
</footer>
</article>
</section>

report erratum • discuss

Redefining a Blog Using Semantic Markup • 21


Download from Wow! eBook <www.wowebook.com>

Free download pdf