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