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

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -