I want to render a profile user container that contains a list of labels and their associated values.
Here is an excerpt of information and layout I'd like to display:
First Name.......MyName
Age...................MyAge
email................MyEmail
I know that there are tons of examples available but the problem is that it seems that there is no commonly accepted solution.
So far I have seen the following usage :
What is the most semantically correct? What is the easiest to display (in a 2-columns layout)? What do you advise me to use and for what reasons?
(html/css code snippets are more than welcomed)
Wow. We really have scared everyone off with the “Table layouts are evil! Use CSS!” stuff, haven't we?
A table — with <th>
for the labels and <td>
for the values — is perfectly applicable to this kind of content, gives you the rendering you want, and is at least as semantically correct as a definition list, arguably more so. Either are preferable to semantics-free divs.