html - Semantical Markup: address, em -
html - Semantical Markup: address, em -
im writing markup , have uncertainty @ part:
and here markup:
<ul class="primarycontacts"> <li><address>phone: <em class="headerphone">1.800.corp</em></address></li> <li><address>email: <em class="headeremail">office@corpora.com</em></address></li> <li><address>follow us: <a href="#" class="headerrss"></a><a href="#" class="headertwitter"></a><a href="#" class="headerfacebook"></a></address></li> </ul>
have used tags address
, em
in right way or maybe there more semantic ones? , maybe other mistakes.. help. [edit]: according answers i've written this:
<ul class="primarycontacts"> <li>phone: <span class="headerphone">1.800.corp</span></li> <li>email: <span class="headeremail">office@corpora.com</span></li> <li>follow us: <a href="#" class="headerrss"></a><a href="#" class="headertwitter"></a><a href="#" class="headerfacebook"></a></li> </ul>
this contact info not mine , understand address
have nil here. i've changed em
's on span
's. help.
i think you're using <address>
wrong way. based on can read from specs, improve way have code have <address>
parent. moreover, <em>
specify stress emphasis , not case. should rid of it. however, if want style differently, can utilize <span>
element have css hook:
<address> <ul class="primarycontacts"> <li>phone: <span class="headerphone">1.800.corp</span></li> <li>email: <span class="headeremail">office@corpora.com</span></li> <li>follow us: <a href="#" class="headerrss"></a><a href="#" class="headertwitter"></a><a href="#" class="headerfacebook"></a></li> </ul> </address>
html html5 semantic-markup
Comments
Post a Comment